iOS 15 share play API in react-native

Popshop Live

Last update: Oct 16, 2022

Related tags

Miscellaneous react-native-shareplay

Overview

react-native-shareplay

iOS 15 share play API in react-native

Installation

yarn add react-native-shareplay

And go to Xcode Capabilities and enable "Group Activities"

Example

telegram-cloud-document-1-5100626177735786886.mp4

Usage

import SharePlay from 'react-native-shareplay';

// initialize

if (await SharePlay.isSharePlayAvailable()) {
  if ((await SharePlay.getInitialSession()) != null) {
    SharePlay.joinSession();
  }
}

// event
const newSessionEm = SharePlayEvent.addListener('newSession', (info) => {
  // get ready
  SharePlay.joinSession();
});

const newSessionEm = SharePlayEvent.addListener('newActivity', (info) => {
  // process activity
});

const newMessage = SharePlayEvent.addListener('receivedMessage', (info) => {
  // process message
});

// start activity
await SharePlay.startActivity(`Test Message: ${Math.random()}`, {
  extraInfo: JSON.stringify(payload),
  fallbackURL: 'https://fallback.url.that.will.open.on.desktop',
  prepareFirst: false,
}).catch((e) => Alert.alert(e.message));

// post message
await SharePlay.sendMessage(`Test Message: ${Math.random()}`).catch((e) =>
  Alert.alert(e.message)
);

Contributing

See the contributing guide to learn how to contribute to the repository and the development workflow.

License

MIT

React Native Template for Taro

React Native Template for Taro requirement taro: @tarojs/cli@^3.2.0 framework: 'react' quick start install react native library install peerDependenci

1 Nov 20, 2021

A suite of IoT tools to use with React Native.

react-native-iot-tools WIP. A suite of IoT tools for React Native applications. Package iOS Android @react-native-iot-tools/bluetooth ✅ ❌ @react-nativ

3 Oct 31, 2022

A testing MQTT react native library

react-native-awesome-testing abc Installation npm install react-native-awesome-testing Usage import { multiply } from "react-native-awesome-testing";

0 Nov 26, 2021

Encryption/Decryption for React Native

@dhairyasharma/react-native-encryption Encryption/decryption for React Native. Benchmark File Details File Link http://bit.do/benchmarkfile File Size

5 Sep 13, 2022

Encryption/Decryption for React Native

@dhairyasharma/react-native-encryption Encryption/decryption for React Native. Benchmark File Details File Link http://bit.do/benchmarkfile File Size

5 Sep 13, 2022

React Native Photo Editor (RNPE)

React Native Photo Editor (RNPE) 🌄 Image editor using native modules for iOS an

9 Aug 16, 2022

Discover Movies and TV shows - React Native

movieapp Discover Movies and TV shows Download APK file Download from Google Drive - v2.2.1 What's included Name Description React Native Build Native

1.8k Dec 28, 2022

All my React Native examples

ReactNativeExamples All my React Native examples and experiements can be found here. This repo is divided into two sub folders, Instructions git clone

93 Oct 2, 2022

React Native Twitch application

Notes I'm going to rewrite this project 😉 . Be ready to new Twitch application. Twitch This project was built for The Rolling Scopes #18 meetup. As o

90 Nov 24, 2022

Comments

Release build

Hello,

Thanks a lot for the project! It compiles and works well in Debug configuration. But as soon as I switch to Release configuration I have the following errors:

node_modules/react-native-shareplay/ios/SharePlay.swift:21:19: Cannot find type 'GroupActivityMetadata' in scope
node_modules/react-native-shareplay/ios/SharePlay.swift:12:30: Cannot find type 'GroupActivity' in scope
node_modules/react-native-shareplay/ios/SharePlay.swift:55:30: Cannot find 'GroupStateObserver' in scope
node_modules/react-native-shareplay/ios/SharePlay.swift:78:23: Cannot find type 'GroupSession' in scope
node_modules/react-native-shareplay/ios/SharePlay.swift:79:20: Cannot find type 'GroupSessionMessenger' in scope
node_modules/react-native-shareplay/ios/SharePlay.swift:98:31: Cannot find type 'GroupSession' in scope
node_modules/react-native-shareplay/ios/SharePlay.swift:22:24: Cannot find 'GroupActivityMetadata' in scope
node_modules/react-native-shareplay/ios/SharePlay.swift:24:26: Cannot infer contextual base in reference to member 'generic'
node_modules/react-native-shareplay/ios/SharePlay.swift:64:55: Type 'GenericGroupActivity' has no member 'sessions'
node_modules/react-native-shareplay/ios/SharePlay.swift:82:29: 'nil' requires a contextual type
node_modules/react-native-shareplay/ios/SharePlay.swift:83:26: 'nil' requires a contextual type
node_modules/react-native-shareplay/ios/SharePlay.swift:89:31: Type of expression is ambiguous without more context
node_modules/react-native-shareplay/ios/SharePlay.swift:101:25: Cannot find 'GroupSessionMessenger' in scope
node_modules/react-native-shareplay/ios/SharePlay.swift:103:45: Unable to infer type of a closure parameter 'state' in the current context
node_modules/react-native-shareplay/ios/SharePlay.swift:110:49: Unable to infer type of a closure parameter 'activity' in the current context
node_modules/react-native-shareplay/ios/SharePlay.swift:115:49: Tuple pattern cannot match values of non-tuple type '_'
node_modules/react-native-shareplay/ios/SharePlay.swift:138:31: Type of expression is ambiguous without more context
node_modules/react-native-shareplay/ios/SharePlay.swift:143:59: Value of type 'GenericGroupActivity' has no member 'prepareForActivation'
node_modules/react-native-shareplay/ios/SharePlay.swift:144:40: Value of type 'GenericGroupActivity' has no member 'activate'
node_modules/react-native-shareplay/ios/SharePlay.swift:148:32: Value of type 'GenericGroupActivity' has no member 'activate'
node_modules/react-native-shareplay/ios/SharePlay.swift:152:31: Type of expression is ambiguous without more context
node_modules/react-native-shareplay/ios/SharePlay.swift:158:28: Type of expression is ambiguous without more context
node_modules/react-native-shareplay/ios/SharePlay.swift:164:31: Type of expression is ambiguous without more context
node_modules/react-native-shareplay/ios/SharePlay.swift:170:31: Type of expression is ambiguous without more context

It looks like it cannot find the GroupActivity framework.

I am on XCode 13.1. My app entitlements contain the Group Activities capability (com.apple.developer.group-session).

Have you built a project in Release configuration with your module? Have you made any additional steps?

opened by Minishlink 10

isSharePlayAvailable always return false

I was trying to implement this library and also added group activity capability in Xcode but still I am getting false as response from isSharePlayAvailable method. Is there any native code I have to add to make this work?

opened by Tusha-ar 1
feat: Add sessionWaiting/sessionJoined events

Can be useful for loading info or redirecting to the actual activity only when we're sure the user has joined the session (as SharePlay.join() is not a promise)

newSession.activity.eventPayload is added as body in order to prevent mixing up with other potential sessions

opened by Minishlink 0
Bump minimal iOS deployment target to fix Release build
Necessary to make it work on old RN versions (tested on 0.64)

You might need to do this in your project when bumping iOS deployment target (unrelated to this lib)

In this repo's example it doesn't compile yet but this is not related

Fixes #2
opened by Minishlink 0

Releases(v0.9.0)

v0.9.0(Nov 10, 2021)
0.9.0 (2021-11-10)

Features

Add sessionWaiting/sessionJoined events (0e25435)

Source code(tar.gz)
Source code(zip)
v0.7.0(Nov 9, 2021)
0.7.0 (2021-11-09)

Bug Fixes

bump minimal iOS deployment target for Release build (34bdd7e)

Features

Make group session public (bb79c18)

Source code(tar.gz)
Source code(zip)
v0.6.1(Oct 26, 2021)
0.6.1 (2021-10-26)

Bug Fixes

using same global instance for stablility (16f678a)

Source code(tar.gz)
Source code(zip)
v0.6.0(Oct 25, 2021)
0.6.0 (2021-10-25)

Features

add on sessionInvalidate (fcbe2cb)

add supportsContinuationOnTV (45db3d1)

Source code(tar.gz)
Source code(zip)
v0.4.0(Oct 22, 2021)
0.4.0 (2021-10-22)

Features

add end (724ca6e)

Source code(tar.gz)
Source code(zip)
v0.3.6(Oct 10, 2021)

0.3.6 (2021-10-10)
Source code(tar.gz)
Source code(zip)
v0.3.0(Oct 1, 2021)
0.3.0 (2021-10-01)

Features

askAndStart (869af7c)

Source code(tar.gz)
Source code(zip)
v0.2.0(Sep 13, 2021)
0.2.0 (2021-09-13)

Features

add initial share play integration (ece61b3)

Source code(tar.gz)
Source code(zip)

Owner

Popshop Live

GitHub

React Native library that implements PayPal Checkout flow using purely native code (swift).

react-native-paypal-swift React Native library that implements PayPal Checkout flow using purely native code (swift). Installation npm install react-n

6 Nov 28, 2022

iOS's Stocks App clone written in React Native for demo purpose (available both iOS and Android).

FinanceReactNative iOS's Stocks App clone written in React Native for demo purpose (available both iOS and Android). Data is pulled from Yahoo Finance

2k Dec 29, 2022

🏀 iOS and Android NBA app created with React Native

Swish An iOS and Android NBA app created with React Native. If you would like to request a feature, find a bug, have a question, or would like to leav

108 Nov 11, 2022

Blazing⚡️Fast BTC and ETH Wallet Generator library for React Native, Android and iOS

Blazing ⚡️ Fast BTC and ETH Wallet Generator library for React Native, Android and iOS.

3 Feb 21, 2022

React Native utility library around image and video files for getting metadata like MIME type, timestamp, duration, and dimensions. Works on iOS and Android using Java and Obj-C, instead of Node 🚀.

Qeepsake React Native File Utils Extracts information from image and video files including MIME type, duration (video), dimensions, and timestamp. The

12 Oct 19, 2022

iOS 15 share play API in react-native

Related tags

Overview

react-native-shareplay

Installation

Example

Usage

Contributing

License

You might also like...

React Native Template for Taro

A suite of IoT tools to use with React Native.

A testing MQTT react native library

Encryption/Decryption for React Native

Encryption/Decryption for React Native

React Native Photo Editor (RNPE)

Discover Movies and TV shows - React Native

All my React Native examples

React Native Twitch application

Comments

Release build

isSharePlayAvailable always return false

feat: Add sessionWaiting/sessionJoined events

Bump minimal iOS deployment target to fix Release build

Releases(v0.9.0)

v0.9.0(Nov 10, 2021)

0.9.0 (2021-11-10)

Features

v0.7.0(Nov 9, 2021)

0.7.0 (2021-11-09)

Bug Fixes

Features

v0.6.1(Oct 26, 2021)

0.6.1 (2021-10-26)

Bug Fixes

v0.6.0(Oct 25, 2021)

0.6.0 (2021-10-25)

Features

v0.4.0(Oct 22, 2021)

0.4.0 (2021-10-22)

Features

v0.3.6(Oct 10, 2021)

0.3.6 (2021-10-10)

v0.3.0(Oct 1, 2021)

0.3.0 (2021-10-01)

Features

v0.2.0(Sep 13, 2021)

0.2.0 (2021-09-13)

Features

Owner

Popshop Live

React Native library that implements PayPal Checkout flow using purely native code (swift).

iOS's Stocks App clone written in React Native for demo purpose (available both iOS and Android).

🏀 iOS and Android NBA app created with React Native

Blazing⚡️Fast BTC and ETH Wallet Generator library for React Native, Android and iOS

React Native utility library around image and video files for getting metadata like MIME type, timestamp, duration, and dimensions. Works on iOS and Android using Java and Obj-C, instead of Node 🚀.

POC for a bug with react-native-webview crashing on IOS 16.1

A react native interface for integrating payments using Braintree

React Native 实现无侵入自定义下拉刷新组件

React Native package for interacting with HomeKit devices

react native esptouch