react-native-sdk-fmtech v2.0.9
Jitsi Meet React Native SDK
Installation
Inside your project, run;
npm i react-native-sdk-fmtech
Additionally, if not already installed, some dependencies will need to be added.
This can be done by running the following script:
node node_modules/react-native-sdk-fmtech/update_dependencies.js
This will check and update all your dependencies.
Because of SVG use in react native, you need to update metro.config your project's file:
const { getDefaultConfig } = require('metro-config');
module.exports = (async () => {
const {
resolver: {
sourceExts,
assetExts
}
} = await getDefaultConfig();
return {
transformer: {
babelTransformerPath: require.resolve('react-native-svg-transformer'),
getTransformOptions: async () => ({
transform: {
experimentalImportSupport: false,
inlineRequires: true,
},
}),
},
resolver: {
assetExts: assetExts.filter(ext => ext !== 'svg'),
sourceExts: [...sourceExts, 'svg']
}
}
})();
iOS
Project Info.plist
- Add a Privacy - Camera Usage Description
- Add a Privacy - Microphone Usage Description
General
- Signing & capabilites:
- Add Background modes
- Audio
- Voice over IP
- Background fetch
- Add Background modes
Run;
cd ios && pod install && cd ..
Android
- In your build.gradle have at least
minSdkVersion = 24
- In
android/app/src/debug/AndroidManifest.xml
andandroid/app/src/main/AndroidManifest.xml
, under the</application>
tag, include<uses-permission android:name="android.permission.RECORD_AUDIO" /> <uses-permission android:name="android.permission.CAMERA" />
- In
android/app/src/main/AndroidManifest.xml
, under the</application>
tag, include
This will take care of the screen share feature.<service android:name="org.jitsi.meet.sdk.JitsiMeetOngoingConferenceService" android:foregroundServiceType="mediaProjection" />
If you want to test all the steps before applying them to your app, you can check our React Native SDK sample app here: https://github.com/jitsi/jitsi-meet-sdk-samples/tree/master/react-native
Using JWT tokens
- If you are planning to use tokens or another domain you can do that by updating the following props, as shown below.
- For example:
<JitsiMeeting
room={'ThisIsNotATestRoomName'}
serverURL={'https://meet.jit.si/'}
token={'dkhalhfajhflahlfaahalhfahfsl'} />
For more details on how you can use React Native SDK with React Native app, you can follow this link: https://jitsi.github.io/handbook/docs/dev-guide/dev-guide-react-native-sdk
6 days ago
7 days ago
8 days ago
8 days ago
8 days ago
8 days ago
8 days ago
8 days ago
8 days ago
8 days ago
10 days ago
13 days ago
13 days ago
13 days ago
13 days ago
13 days ago
13 days ago
13 days ago
14 days ago
13 days ago
13 days ago
13 days ago
13 days ago
14 days ago
14 days ago
14 days ago
14 days ago
14 days ago
14 days ago
14 days ago
14 days ago
14 days ago
14 days ago
14 days ago
14 days ago
14 days ago
14 days ago
14 days ago
14 days ago
14 days ago