React Native
Check out how Ziggeo can be used to build apps with React Native.
Ziggeo's React Native SDK is the ultimate video recording/playback SDK for React Native out there.
Ziggeo's React Native SDK is managed publicly on GitHub here.
A Demo application can be found on Github as well.
Documentation
Automatic Installation
$ npm install react-native-ziggeo-library --save
Manual Installation
Android
Append the following lines to
android/settings.gradle
:include ':react-native-ziggeo-library' project(':react-native-ziggeo-library').projectDir = new File(rootProject.projectDir, '../node_modules/react-native-ziggeo-library/android')
Open up
android/build.gradle
- Insert the following line inside the
allprojects/repositories
block:maven { url 'https://jitpack.io' }
- Insert the following line inside the
Open up
android/app/build.gradle
- Update
compileSdkVersion
,buildToolsVersion
,targetSdkVersion
and all libs fromcom.android.support
package to latest versions. - Insert the following line inside the
dependencies
block:compile project(':react-native-ziggeo-library')
- Update
Open up
android/app/AndroidManifest.xml
- Insert the following line inside the
manifest
block:xmlns:tools="http://schemas.android.com/tools"
- Insert the following line inside the
application
block:tools:replace="android:name"
- Insert the following line inside the
Open up
android/app/src/main/java/[...]/MainActivity.java
- Change
extends ReactActivity
toextends ReactFragmentActivity
- Add
import com.ziggeo.ZiggeoPackage;
to the imports at the top of the file
- Change
Open up
android/app/src/main/java/[...]/MainApplication.java
- Add
new ZiggeoPackage()
to the list returned by thegetPackages()
method
- Add
Usage
import Ziggeo from 'react-native-ziggeo-library';
Recoder Sample
https://github.com/Ziggeo/ReactNativeDemo/blob/233de22ce4bd12e34c6c2d5bdb2dbaad80e63012/App.js#L18
Player Sample
https://github.com/Ziggeo/ReactNativeDemo/blob/233de22ce4bd12e34c6c2d5bdb2dbaad80e63012/App.js#L21
Extend Functionality
Need to brush up on React Native? See here:
Select tab Building Projects with Native Code
to find:
- Setting up React Native project for
Windows
/Mac
/Linux
- Setting up
xCode
- Setting up
Android Studio
For more information on how to use natives modules via React Native, see here: