mlb-rngrv
Getting started
$ npm install mlb-rngrv --save
Mostly automatic installation
$ react-native link mlb-rngrv
Manual installation
iOS
- In XCode, in the project navigator, right click
Libraries
➜Add Files to [your project's name]
- Go to
node_modules
➜mlb-rngrv
and addRNGvr.xcodeproj
- In XCode, in the project navigator, select your project. Add
libRNGvr.a
to your project'sBuild Phases
➜Link Binary With Libraries
- Run your project (
Cmd+R
)<
Android
- Open up
android/app/src/main/java/[...]/MainActivity.java
- Add
import com.reactlibrary.RNGvrPackage;
to the imports at the top of the file - Add
new RNGvrPackage()
to the list returned by thegetPackages()
method
- Append the following lines to
android/settings.gradle
:include ':mlb-rngrv' project(':mlb-rngrv').projectDir = new File(rootProject.projectDir, '../node_modules/mlb-rngrv/android')
- Insert the following lines inside the dependencies block in
android/app/build.gradle
:compile project(':mlb-rngrv')
Setup
iOS
-
Copy
./node_modules/mlb-rngrv/pod_post_install.sh
to ios folder -
Create a Podfile in ios folder
target 'myProject' do pod 'GVRSDK' # Your 'node_modules' directory is probably in the root of your project, # but if not, adjust the `:path` accordingly pod 'React', :path => '../node_modules/react-native', :subspecs => [ 'Core', 'RCTActionSheet', 'RCTAnimation', 'RCTGeolocation', 'RCTImage', 'RCTLinkingIOS', 'RCTNetwork', 'RCTSettings', 'RCTText', 'RCTVibration', 'RCTWebSocket', 'DevSupport' # Include this to enable In-App Devmenu if RN >= 0.43 # Add any other subspecs you want to use in your project ] # Explicitly include Yoga if you are using RN >= 0.42.0 pod 'Yoga', :path => '../node_modules/react-native/ReactCommon/yoga' # Execute every pod install post_install do |installer| system endend
Still in ios folder install pods locally
pod install pod update
- Open
myProject.xcworkspace
and undermyProject
>Build Settings
underBuild Options
set ENABLE BITCODE to NO
Android
- Open
./android/app/build.gradle
then setminSdkVersion 19
Usage
<VideoView style= height: 300 width: 200 source= uri: 'https://raw.githubusercontent.com/googlevr/gvr-ios-sdk/master/Samples/VideoWidgetDemo/resources/congo.mp4' type: 'mono' displayMode='embedded' volume=1 enableFullscreenButton enableCardboardButton enableTouchTracking hidesTransitionView enableInfoButton=false onLoadVideoSuccess= console/>