A React Native wrapper for the DJI Mobile SDK.
Developed by Aerobotics
Please note that this project is still in its infancy. Many SDK features are not yet available, and the implementation of available features may still change. Use in your production application at your own risk!
Install the library to your project
npm i --save react-native-dji-mobile
Using Cocoapods (recommended)
- First link the library
react-native link react-native-dji-mobile
The library requires the manual installation of the DJIWidget pod, used to display live video feed from the drone.
+ pod 'DJIWidget', '~> 1.5', :modular_headers => falsepod 'react-native-dji-mobile', :path => '../node_modules/react-native-dji-mobile'
use_modular_headers!to the top of your podfile.
Add the following dependency to your podfile:
:modular_headers => falseto the pod dependencies for
Follyin your podfile.
After applying these changes your podfile should look similar to this:platform :ios, '9.0'target '[YourProjectName]' douse_modular_headers!...# Pods for [YourProjectName]pod 'React', :path => '../node_modules/react-native', :subspecs => ['Core','CxxBridge', # Include this for RN >= 0.47'DevSupport', # Include this to enable In-App Devmenu if RN >= 0.43'RCTText','RCTNetwork','RCTWebSocket', # needed for debugging# Add any other subspecs you want to use in your project]# Explicitly include Yoga if you are using RN >= 0.42.0pod "yoga", :path => "../node_modules/react-native/ReactCommon/yoga"# Third party deps podspec linkpod 'DoubleConversion', :podspec => '../node_modules/react-native/third-party-podspecs/DoubleConversion.podspec', :modular_headers => falsepod 'glog', :podspec => '../node_modules/react-native/third-party-podspecs/glog.podspec', :modular_headers => falsepod 'Folly', :podspec => '../node_modules/react-native/third-party-podspecs/Folly.podspec', :modular_headers => falsepod 'DJIWidget', '~> 1.5', :modular_headers => falsepod 'react-native-dji-mobile', :path => '../node_modules/react-native-dji-mobile'...end
pod installto ensure the required dependencies are installed
To ensure that the library will build, you must add Swift support to your Xcode project:
- Open ios/YourAppName.xcworkspace
File > New > File...in Xcode's menu bar or press CMD+N.
- Add a new Swift file to your project, and when asked by Xcode, press Create Bridging Header. Do not delete the empty swift file.
If you are unable to add
use_modular_headers! to your Podfile as it breaks your build (for instance, react-native-gesture-handler no longer compiles correctly), you can manually link the react-native-dji-mobile library to your project. Please note that this still requires the use of cocoapods to install the require DJI dependencies.
- Add the DJI Mobile SDK dependencies to your podfile and run
+ pod 'DJI-SDK-iOS', '~> 4.10'+ pod 'DJIWidget', '~> 1.5'
Navigate to [YourProjectName]/node_modules/react-native-dji-mobile/ios
Drag the ReactNativeDjiMobile.xcodeproj file into your Xcode project into the Libraries folder.
Go to the Link Binary With Libraries build phase for your Xcode project, and add the libReactNativeDjiMobile.a.