-
Notifications
You must be signed in to change notification settings - Fork 0
React Native SDK Install
Alexis Rouillard edited this page Dec 6, 2023
·
21 revisions
See the example to install the last version of the Screeb SDK dependency in a React-Native app.
The Screeb SDK is configured to work with Android SDK version 19 minimum and iOS version 11.0 minimum.
The Swift version is >= v5.5.2 and XCode version >= 13.2.1.
The size of the SDK is approximately 27 KB on Android and approximately 198 KB on iOS.
First, log in to the Screeb application, then create your first survey.
npm install @screeb/react-native
The Android SDK needs the permissions INTERNET
to work well.
<uses-permission android:name="android.permission.INTERNET" />
The SDK also need theses permissions if you want to use the Screeb Audio/Video feature.
<uses-permission android:name="android.permission.CAMERA"/>
<uses-permission android:name="android.permission.MICROPHONE" />
<uses-feature android:name="android.hardware.camera" android:required="true"/>
<uses-feature android:name="android.hardware.camera.autofocus"/>
<uses-permission android:name="android.permission.RECORD_AUDIO" />
<uses-permission android:name="android.permission.MODIFY_AUDIO_SETTINGS" />
The SDK need theses permissions if you want to use the Screeb Audio/Video feature.
<key>NSCameraUsageDescription</key>
<string>This app needs access to the camera to take photos.</string>
<key>NSMicrophoneUsageDescription</key>
<string>This app needs access to microphone to record audio.</string>
<key>UISupportedInterfaceOrientations</key>
When upgrading the React-Native SDK version, you may need to run in ios/
directory:
cd ios/
pod update Screeb
import { initSdk, trackScreen, trackEvent, setProperties, setIdentity } from "@screeb/react-native";
// Init the sdk at app start (useEffect hook used here, but componentDidMount is fine)
React.useEffect(() => {
initSdk(
"<android-channel-id>",
"<ios-channel-id>",
"<user-id>",
{
'example-prop1': false,
'example-prop2': 29,
'example-prop3' : 'iPhone 13',
}
);
}, []);