Update example app to rn51

example/android/app/src/main/java/com/example/MainApplication.java

@@ -18,4 +18,10 @@ public class MainApplication extends NavigationApplication {
     public List<ReactPackage> createAdditionalReactPackages() {
         return null;
     }
+
+    @Nullable
+    @Override
+    public String getJSMainModuleName() {
+        return "index";
+    }
 }

example/index.ios.js

@@ -1 +0,0 @@
-import App from './src/app';

example/ios/example.xcodeproj/project.pbxproj

@@ -216,6 +216,62 @@
 			remoteGlobalIDString = 58B5119B1A9E6C1200147676;
 			remoteInfo = RCTText;
 		};
+		E5E62BA91FFA2FF40025960D /* PBXContainerItemProxy */ = {
+			isa = PBXContainerItemProxy;
+			containerPortal = 139FDEE61B06529A00C62182 /* RCTWebSocket.xcodeproj */;
+			proxyType = 2;
+			remoteGlobalIDString = 3DBE0D001F3B181A0099AA32;
+			remoteInfo = fishhook;
+		};
+		E5E62BAB1FFA2FF40025960D /* PBXContainerItemProxy */ = {
+			isa = PBXContainerItemProxy;
+			containerPortal = 139FDEE61B06529A00C62182 /* RCTWebSocket.xcodeproj */;
+			proxyType = 2;
+			remoteGlobalIDString = 3DBE0D0D1F3B181C0099AA32;
+			remoteInfo = "fishhook-tvOS";
+		};
+		E5E62BBB1FFA2FF40025960D /* PBXContainerItemProxy */ = {
+			isa = PBXContainerItemProxy;
+			containerPortal = 146833FF1AC3E56700842450 /* React.xcodeproj */;
+			proxyType = 2;
+			remoteGlobalIDString = 139D7ECE1E25DB7D00323FB7;
+			remoteInfo = "third-party";
+		};
+		E5E62BBD1FFA2FF40025960D /* PBXContainerItemProxy */ = {
+			isa = PBXContainerItemProxy;
+			containerPortal = 146833FF1AC3E56700842450 /* React.xcodeproj */;
+			proxyType = 2;
+			remoteGlobalIDString = 3D383D3C1EBD27B6005632C8;
+			remoteInfo = "third-party-tvOS";
+		};
+		E5E62BBF1FFA2FF40025960D /* PBXContainerItemProxy */ = {
+			isa = PBXContainerItemProxy;
+			containerPortal = 146833FF1AC3E56700842450 /* React.xcodeproj */;
+			proxyType = 2;
+			remoteGlobalIDString = 139D7E881E25C6D100323FB7;
+			remoteInfo = "double-conversion";
+		};
+		E5E62BC11FFA2FF40025960D /* PBXContainerItemProxy */ = {
+			isa = PBXContainerItemProxy;
+			containerPortal = 146833FF1AC3E56700842450 /* React.xcodeproj */;
+			proxyType = 2;
+			remoteGlobalIDString = 3D383D621EBD27B9005632C8;
+			remoteInfo = "double-conversion-tvOS";
+		};
+		E5E62BC31FFA2FF40025960D /* PBXContainerItemProxy */ = {
+			isa = PBXContainerItemProxy;
+			containerPortal = 146833FF1AC3E56700842450 /* React.xcodeproj */;
+			proxyType = 2;
+			remoteGlobalIDString = 9936F3131F5F2E4B0010BF04;
+			remoteInfo = privatedata;
+		};
+		E5E62BC51FFA2FF40025960D /* PBXContainerItemProxy */ = {
+			isa = PBXContainerItemProxy;
+			containerPortal = 146833FF1AC3E56700842450 /* React.xcodeproj */;
+			proxyType = 2;
+			remoteGlobalIDString = 9936F32F1F5F2E5B0010BF04;
+			remoteInfo = "privatedata-tvOS";
+		};
 /* End PBXContainerItemProxy section */
 
 /* Begin PBXFileReference section */
@@ -347,6 +403,8 @@
 			children = (
 				139FDEF41B06529B00C62182 /* libRCTWebSocket.a */,
 				7B9B397F1DEB4076004A6281 /* libRCTWebSocket-tvOS.a */,
+				E5E62BAA1FFA2FF40025960D /* libfishhook.a */,
+				E5E62BAC1FFA2FF40025960D /* libfishhook-tvOS.a */,
 			);
 			name = Products;
 			sourceTree = "<group>";
@@ -376,6 +434,12 @@
 				7BFF942D1E5F10F20054957C /* libcxxreact.a */,
 				7BFF942F1E5F10F20054957C /* libjschelpers.a */,
 				7BFF94311E5F10F20054957C /* libjschelpers.a */,
+				E5E62BBC1FFA2FF40025960D /* libthird-party.a */,
+				E5E62BBE1FFA2FF40025960D /* libthird-party.a */,
+				E5E62BC01FFA2FF40025960D /* libdouble-conversion.a */,
+				E5E62BC21FFA2FF40025960D /* libdouble-conversion.a */,
+				E5E62BC41FFA2FF40025960D /* libprivatedata.a */,
+				E5E62BC61FFA2FF40025960D /* libprivatedata-tvOS.a */,
 			);
 			name = Products;
 			sourceTree = "<group>";
@@ -761,6 +825,62 @@
 			remoteRef = 832341B41AAA6A8300B99B32 /* PBXContainerItemProxy */;
 			sourceTree = BUILT_PRODUCTS_DIR;
 		};
+		E5E62BAA1FFA2FF40025960D /* libfishhook.a */ = {
+			isa = PBXReferenceProxy;
+			fileType = archive.ar;
+			path = libfishhook.a;
+			remoteRef = E5E62BA91FFA2FF40025960D /* PBXContainerItemProxy */;
+			sourceTree = BUILT_PRODUCTS_DIR;
+		};
+		E5E62BAC1FFA2FF40025960D /* libfishhook-tvOS.a */ = {
+			isa = PBXReferenceProxy;
+			fileType = archive.ar;
+			path = "libfishhook-tvOS.a";
+			remoteRef = E5E62BAB1FFA2FF40025960D /* PBXContainerItemProxy */;
+			sourceTree = BUILT_PRODUCTS_DIR;
+		};
+		E5E62BBC1FFA2FF40025960D /* libthird-party.a */ = {
+			isa = PBXReferenceProxy;
+			fileType = archive.ar;
+			path = "libthird-party.a";
+			remoteRef = E5E62BBB1FFA2FF40025960D /* PBXContainerItemProxy */;
+			sourceTree = BUILT_PRODUCTS_DIR;
+		};
+		E5E62BBE1FFA2FF40025960D /* libthird-party.a */ = {
+			isa = PBXReferenceProxy;
+			fileType = archive.ar;
+			path = "libthird-party.a";
+			remoteRef = E5E62BBD1FFA2FF40025960D /* PBXContainerItemProxy */;
+			sourceTree = BUILT_PRODUCTS_DIR;
+		};
+		E5E62BC01FFA2FF40025960D /* libdouble-conversion.a */ = {
+			isa = PBXReferenceProxy;
+			fileType = archive.ar;
+			path = "libdouble-conversion.a";
+			remoteRef = E5E62BBF1FFA2FF40025960D /* PBXContainerItemProxy */;
+			sourceTree = BUILT_PRODUCTS_DIR;
+		};
+		E5E62BC21FFA2FF40025960D /* libdouble-conversion.a */ = {
+			isa = PBXReferenceProxy;
+			fileType = archive.ar;
+			path = "libdouble-conversion.a";
+			remoteRef = E5E62BC11FFA2FF40025960D /* PBXContainerItemProxy */;
+			sourceTree = BUILT_PRODUCTS_DIR;
+		};
+		E5E62BC41FFA2FF40025960D /* libprivatedata.a */ = {
+			isa = PBXReferenceProxy;
+			fileType = archive.ar;
+			path = libprivatedata.a;
+			remoteRef = E5E62BC31FFA2FF40025960D /* PBXContainerItemProxy */;
+			sourceTree = BUILT_PRODUCTS_DIR;
+		};
+		E5E62BC61FFA2FF40025960D /* libprivatedata-tvOS.a */ = {
+			isa = PBXReferenceProxy;
+			fileType = archive.ar;
+			path = "libprivatedata-tvOS.a";
+			remoteRef = E5E62BC51FFA2FF40025960D /* PBXContainerItemProxy */;
+			sourceTree = BUILT_PRODUCTS_DIR;
+		};
 /* End PBXReferenceProxy section */
 
 /* Begin PBXResourcesBuildPhase section */
@@ -795,7 +915,7 @@
 			);
 			runOnlyForDeploymentPostprocessing = 0;
 			shellPath = /bin/sh;
-			shellScript = "export NODE_BINARY=node\n../node_modules/react-native/packager/react-native-xcode.sh";
+			shellScript = "export NODE_BINARY=node\n../node_modules/react-native/scripts/react-native-xcode.sh";
 		};
 /* End PBXShellScriptBuildPhase section */
 

example/ios/example/AppDelegate.m

@@ -17,8 +17,8 @@
 {
   NSURL *jsCodeLocation;
 #ifdef DEBUG
-//  jsCodeLocation = [NSURL URLWithString:@"http://localhost:8081/index.ios.bundle?platform=ios&dev=true"];
-  jsCodeLocation = [[RCTBundleURLProvider sharedSettings] jsBundleURLForBundleRoot:@"index.ios" fallbackResource:nil];
+//  jsCodeLocation = [NSURL URLWithString:@"http://localhost:8081/index.bundle?platform=ios&dev=true"];
+  jsCodeLocation = [[RCTBundleURLProvider sharedSettings] jsBundleURLForBundleRoot:@"index" fallbackResource:nil];
 #else
    jsCodeLocation = [[NSBundle mainBundle] URLForResource:@"main" withExtension:@"jsbundle"];
 #endif

example/package.json

@@ -11,8 +11,8 @@
     "e2e-release": "detox test --configuration ios.sim.release"
   },
   "dependencies": {
-    "react": "16.0.0-alpha.12",
-    "react-native": "0.45.1",
+    "react": "16.0.0",
+    "react-native": "0.51.0",
     "react-native-animatable": "^1.1.0",
     "react-native-navigation": "latest"
   },

example/src/screens/Actions.js

@@ -1,5 +1,5 @@
 import React from 'react';
-import { StyleSheet, ScrollView } from 'react-native';
+import {StyleSheet, ScrollView} from 'react-native';
 import Row from '../components/Row';
 
 class Actions extends React.Component {
@@ -23,7 +23,7 @@ class Actions extends React.Component {
 
   setTitle = () => {
     this.props.navigator.setTitle({
-      title: 'New Title!',
+      title: 'New Title!'
     });
   };
 
@@ -41,7 +41,7 @@ class Actions extends React.Component {
 
     this.props.navigator.toggleTabs({
       to,
-      animated: true,
+      animated: true
     });
     this._toggleTabs = to;
   };
@@ -49,13 +49,13 @@ class Actions extends React.Component {
   setTabBadge = () => {
     this.props.navigator.setTabBadge({
       tabIndex: 1,
-      badge: Math.floor(Math.random() * 20) + 1,
+      badge: Math.floor(Math.random() * 20) + 1
     });
   };
 
   switchToTab = () => {
     this.props.navigator.switchToTab({
-      tabIndex: 0,
+      tabIndex: 0
     });
   };
 
@@ -64,14 +64,14 @@ class Actions extends React.Component {
 
     this.props.navigator.toggleNavBar({
       to,
-      animated: true,
+      animated: true
     });
     this._toggleNavBar = to;
   };
 
   showSnackbar = () => {
     this.props.navigator.showSnackbar({
-      text: 'Woo Snacks!',
+      text: 'Woo Snacks!'
     });
   };
 
@@ -80,10 +80,10 @@ class Actions extends React.Component {
       this.props.navigator.showContextualMenu({
         rightButtons: [{
           title: 'Edit',
-          icon: require('../../img/edit.png'),
+          icon: require('../../img/edit.png')
         }, {
           title: 'Delete',
-          icon: require('../../img/delete.png'),
+          icon: require('../../img/delete.png')
         }],
         onButtonPressed: (index) => console.log(`Button ${index} tapped`)
       });
@@ -107,9 +107,9 @@ class Actions extends React.Component {
     this.props.navigator.setButtons({
       rightButtons: [{
         title,
-        id: 'topRight',
+        id: 'topRight'
       }],
-      animated: true,
+      animated: true
     });
     this._rightButton = title;
   };
@@ -117,31 +117,31 @@ class Actions extends React.Component {
   toggleFAB = () => {
     if (this._fab) {
       this.props.navigator.setButtons({
-        fab: {},
+        fab: {}
       });
       this._fab = false;
     } else {
       this.props.navigator.setButtons({
         fab: {
           collapsedId: 'share',
-          collapsedIcon: require('../../img/edit@1x.png'),
+          collapsedIcon: require('../../img/edit.png'),
           expendedId: 'clear',
-          expendedIcon: require('../../img/edit@1x.png'),
+          expendedIcon: require('../../img/edit.png'),
           backgroundColor: '#ff505c',
           actions: [
             {
               id: 'mail',
-              icon: require('../../img/edit@1x.png'),
+              icon: require('../../img/edit.png'),
               backgroundColor: '#03A9F4'
             },
             {
               id: 'delete',
-              icon: require('../../img/delete@1x.png'),
+              icon: require('../../img/delete.png'),
               backgroundColor: '#4CAF50'
             }
           ]
         },
-        animated: true,
+        animated: true
       });
       this._fab = true;
     }
@@ -166,7 +166,7 @@ class Actions extends React.Component {
 }
 
 const styles = StyleSheet.create({
-  container: {},
+  container: {}
 });
 
 export default Actions;