hack for rn >= 0.50 and react >= 0.16

Author: nfcampos

example/ios/Podfile

@@ -3,10 +3,11 @@ use_frameworks!
 project 'native-navigation.xcodeproj'
 
 target 'native-navigation' do
-  pod 'Yoga', :path => '../../node_modules/react-native/ReactCommon/yoga/Yoga.podspec'
+  pod 'yoga', :path => '../../node_modules/react-native/ReactCommon/yoga/yoga.podspec'
   pod 'native-navigation', :path => '../../'
   pod 'React', :path => '../../node_modules/react-native', :subspecs => [
     'Core',
+    'BatchedBridge',
     'RCTText',
     'RCTNetwork',
     'RCTWebSocket', # needed for debugging

example/ios/Podfile.lock

@@ -1,50 +1,58 @@
 PODS:
   - native-navigation (0.2.1):
     - React
-  - React (0.42.3):
-    - React/Core (= 0.42.3)
-  - React/Core (0.42.3):
-    - React/cxxreact
-    - Yoga (= 0.42.3.React)
-  - React/cxxreact (0.42.3):
-    - React/jschelpers
-  - React/jschelpers (0.42.3)
-  - React/RCTAnimation (0.42.3):
+  - React (0.50.4):
+    - React/Core (= 0.50.4)
+  - React/BatchedBridge (0.50.4):
     - React/Core
-  - React/RCTImage (0.42.3):
+    - React/cxxreact_legacy
+  - React/Core (0.50.4):
+    - yoga (= 0.50.4.React)
+  - React/cxxreact_legacy (0.50.4):
+    - React/jschelpers_legacy
+  - React/fishhook (0.50.4)
+  - React/jschelpers_legacy (0.50.4)
+  - React/RCTAnimation (0.50.4):
+    - React/Core
+  - React/RCTBlob (0.50.4):
+    - React/Core
+  - React/RCTImage (0.50.4):
     - React/Core
     - React/RCTNetwork
-  - React/RCTNetwork (0.42.3):
+  - React/RCTNetwork (0.50.4):
     - React/Core
-  - React/RCTText (0.42.3):
+  - React/RCTText (0.50.4):
     - React/Core
-  - React/RCTWebSocket (0.42.3):
+  - React/RCTWebSocket (0.50.4):
     - React/Core
-  - Yoga (0.42.3.React)
+    - React/fishhook
+    - React/RCTBlob
+  - yoga (0.50.4.React)
 
 DEPENDENCIES:
   - native-navigation (from `../../`)
+  - React/BatchedBridge (from `../../node_modules/react-native`)
   - React/Core (from `../../node_modules/react-native`)
   - React/RCTAnimation (from `../../node_modules/react-native`)
   - React/RCTImage (from `../../node_modules/react-native`)
   - React/RCTNetwork (from `../../node_modules/react-native`)
   - React/RCTText (from `../../node_modules/react-native`)
   - React/RCTWebSocket (from `../../node_modules/react-native`)
-  - Yoga (from `../../node_modules/react-native/ReactCommon/yoga/Yoga.podspec`)
+  - yoga (from `../../node_modules/react-native/ReactCommon/yoga/yoga.podspec`)
 
 EXTERNAL SOURCES:
   native-navigation:
     :path: ../../
   React:
     :path: ../../node_modules/react-native
-  Yoga:
-    :path: ../../node_modules/react-native/ReactCommon/yoga/Yoga.podspec
+  yoga:
+    :path: ../../node_modules/react-native/ReactCommon/yoga/yoga.podspec
 
 SPEC CHECKSUMS:
   native-navigation: bfb4dd993e94160c9d71804332c39f7e56f0283b
-  React: 35e039680feacd0563677d49ba410112d2748559
-  Yoga: 86ce777665c8259b94ef8dbea76b84634237f4ea
+  React: 6d7efef18e0241eb832cf4c085405169a15080ed
+  yoga: b9aebf996711e50fc31f5608c10aa108a5a0c29e
 
-PODFILE CHECKSUM: 62780c26b71f717952c8247c70052484dc91c6b3
+PODFILE CHECKSUM: 3ed8e0cbbdfd66108be1c83b47cd8d5a458c353c
 
 COCOAPODS: 1.3.1

example/ios/native-navigation.xcodeproj/project.pbxproj

@@ -172,14 +172,14 @@
 			inputPaths = (
 				"${SRCROOT}/Pods/Target Support Files/Pods-native-navigation/Pods-native-navigation-frameworks.sh",
 				"${BUILT_PRODUCTS_DIR}/React/React.framework",
-				"${BUILT_PRODUCTS_DIR}/Yoga/yoga.framework",
 				"${BUILT_PRODUCTS_DIR}/native-navigation/NativeNavigation.framework",
+				"${BUILT_PRODUCTS_DIR}/yoga/yoga.framework",
 			);
 			name = "[CP] Embed Pods Frameworks";
 			outputPaths = (
 				"${TARGET_BUILD_DIR}/${FRAMEWORKS_FOLDER_PATH}/React.framework",
-				"${TARGET_BUILD_DIR}/${FRAMEWORKS_FOLDER_PATH}/yoga.framework",
 				"${TARGET_BUILD_DIR}/${FRAMEWORKS_FOLDER_PATH}/NativeNavigation.framework",
+				"${TARGET_BUILD_DIR}/${FRAMEWORKS_FOLDER_PATH}/yoga.framework",
 			);
 			runOnlyForDeploymentPostprocessing = 0;
 			shellPath = /bin/sh;

lib/ios/native-navigation/Dictionary+FunctionalExtensions.swift

@@ -40,12 +40,14 @@ extension Dictionary {
     return dict
   }
 
-
+#if swift(>=3.2)
+#else
   public func mapValues<OutValue>(transform: (Value) throws -> OutValue) rethrows -> [Key: OutValue] {
     var dict = [Key: OutValue]()
     for (key, value) in self {
       dict[key] = try transform(value)
     }
     return dict
   }
+#endif
 }

package.json

@@ -4,6 +4,7 @@
   "description": "Native Navigation for React Native",
   "main": "index.js",
   "scripts": {
+    "postinstall":"sh postinstall.sh",
     "start": "node node_modules/react-native/local-cli/cli.js start",
     "run:packager": "./node_modules/react-native/packager/packager.sh",
     "run:ios": "react-native run-ios --project-path ./example/ios",
@@ -37,8 +38,8 @@
   },
   "homepage": "https://github.com/airbnb/native-navigation#readme",
   "peerDependencies": {
-    "react": ">=15.3.1",
-    "react-native": ">=0.42"
+    "react": ">=16.0.0",
+    "react-native": ">=0.50"
   },
   "dependencies": {
     "prop-types": "^15.5.10",
@@ -58,8 +59,8 @@
     "eslint-plugin-react": "^6.1.2",
     "gitbook-cli": "^2.3.0",
     "murmur2js": "^1.0.0",
-    "react": "^15.4.1",
-    "react-native": "^0.42.3"
+    "react": "^16.1.1",
+    "react-native": "^0.50.4"
   },
   "rnpm": {
     "android": {

postinstall.sh

@@ -0,0 +1,4 @@
+echo 'hacking...'
+sed -i '' 's/\#import <RCTAnimation\/RCTValueAnimatedNode.h>/\#import \"RCTValueAnimatedNode.h\"/' ./node_modules/react-native/Libraries/NativeAnimation/RCTNativeAnimatedNodesManager.h
+sed -i '' 's/\#import <fishhook\/fishhook.h>/\#import <React\/fishhook.h>/' ./node_modules/react-native/Libraries/WebSocket/RCTReconnectingWebSocket.m
+echo 'hacked'