|  | @@ -11,6 +11,8 @@
 | 
	
		
			
			| 11 | 11 |  
 | 
	
		
			
			| 12 | 12 |  > Make sure your Xcode is updated. We recommend editing `.h` and `.m` files in Xcode as the IDE will usually point out common errors.
 | 
	
		
			
			| 13 | 13 |  
 | 
	
		
			
			|  | 14 | +### Native Installation
 | 
	
		
			
			|  | 15 | +
 | 
	
		
			
			| 14 | 16 |  1. In Xcode, in Project Navigator (left pane), right-click on the `Libraries` > `Add files to [project name]`. Add `node_modules/react-native-navigation/lib/ios/ReactNativeNavigation.xcodeproj` ([screenshots](https://facebook.github.io/react-native/docs/linking-libraries-ios.html#manual-linking)).
 | 
	
		
			
			| 15 | 17 |  
 | 
	
		
			
			| 16 | 18 |  2. In Xcode, in Project Navigator (left pane), click on your project (top), then click on your *target* row (on the "project and targets list", which is on the left column of the right pane) and select the `Build Phases` tab (right pane). In the `Link Binary With Libraries` section add `libReactNativeNavigation.a` ([screenshots](https://facebook.github.io/react-native/docs/linking-libraries-ios.html#step-2)).
 | 
	
	
		
			
			|  | @@ -72,6 +74,53 @@ You can remove `RCTBridgeDelegate` from this file: `AppDelegate.h`:
 | 
	
		
			
			| 72 | 74 |  	...
 | 
	
		
			
			| 73 | 75 |  ```
 | 
	
		
			
			| 74 | 76 |  
 | 
	
		
			
			|  | 77 | +### Installation with CocoaPods
 | 
	
		
			
			|  | 78 | +
 | 
	
		
			
			|  | 79 | +Projects generated using newer versions of react-native use CocoaPods by default. In that case it's easier to install react-native-navigation using CocoaPods.
 | 
	
		
			
			|  | 80 | +
 | 
	
		
			
			|  | 81 | +1. Add the following to `Podfile`:
 | 
	
		
			
			|  | 82 | +
 | 
	
		
			
			|  | 83 | +```diff
 | 
	
		
			
			|  | 84 | +platform :ios, '9.0'
 | 
	
		
			
			|  | 85 | +require_relative '../node_modules/@react-native-community/cli-platform-ios/native_modules'
 | 
	
		
			
			|  | 86 | +
 | 
	
		
			
			|  | 87 | +target 'YourApp' do
 | 
	
		
			
			|  | 88 | +  # Pods for YourApp
 | 
	
		
			
			|  | 89 | +  pod 'React', :path => '../node_modules/react-native/'
 | 
	
		
			
			|  | 90 | +  pod 'React-Core', :path => '../node_modules/react-native/React'
 | 
	
		
			
			|  | 91 | +  pod 'React-DevSupport', :path => '../node_modules/react-native/React'
 | 
	
		
			
			|  | 92 | +  pod 'React-fishhook', :path => '../node_modules/react-native/Libraries/fishhook'
 | 
	
		
			
			|  | 93 | +  pod 'React-RCTActionSheet', :path => '../node_modules/react-native/Libraries/ActionSheetIOS'
 | 
	
		
			
			|  | 94 | +  pod 'React-RCTAnimation', :path => '../node_modules/react-native/Libraries/NativeAnimation'
 | 
	
		
			
			|  | 95 | +  pod 'React-RCTBlob', :path => '../node_modules/react-native/Libraries/Blob'
 | 
	
		
			
			|  | 96 | +  pod 'React-RCTImage', :path => '../node_modules/react-native/Libraries/Image'
 | 
	
		
			
			|  | 97 | +  pod 'React-RCTLinking', :path => '../node_modules/react-native/Libraries/LinkingIOS'
 | 
	
		
			
			|  | 98 | +  pod 'React-RCTNetwork', :path => '../node_modules/react-native/Libraries/Network'
 | 
	
		
			
			|  | 99 | +  pod 'React-RCTSettings', :path => '../node_modules/react-native/Libraries/Settings'
 | 
	
		
			
			|  | 100 | +  pod 'React-RCTText', :path => '../node_modules/react-native/Libraries/Text'
 | 
	
		
			
			|  | 101 | +  pod 'React-RCTVibration', :path => '../node_modules/react-native/Libraries/Vibration'
 | 
	
		
			
			|  | 102 | +  pod 'React-RCTWebSocket', :path => '../node_modules/react-native/Libraries/WebSocket'
 | 
	
		
			
			|  | 103 | +
 | 
	
		
			
			|  | 104 | +  pod 'React-cxxreact', :path => '../node_modules/react-native/ReactCommon/cxxreact'
 | 
	
		
			
			|  | 105 | +  pod 'React-jsi', :path => '../node_modules/react-native/ReactCommon/jsi'
 | 
	
		
			
			|  | 106 | +  pod 'React-jsiexecutor', :path => '../node_modules/react-native/ReactCommon/jsiexecutor'
 | 
	
		
			
			|  | 107 | +  pod 'React-jsinspector', :path => '../node_modules/react-native/ReactCommon/jsinspector'
 | 
	
		
			
			|  | 108 | +  pod 'yoga', :path => '../node_modules/react-native/ReactCommon/yoga'
 | 
	
		
			
			|  | 109 | +
 | 
	
		
			
			|  | 110 | +  pod 'DoubleConversion', :podspec => '../node_modules/react-native/third-party-podspecs/DoubleConversion.podspec'
 | 
	
		
			
			|  | 111 | +  pod 'glog', :podspec => '../node_modules/react-native/third-party-podspecs/glog.podspec'
 | 
	
		
			
			|  | 112 | +  pod 'Folly', :podspec => '../node_modules/react-native/third-party-podspecs/Folly.podspec'
 | 
	
		
			
			|  | 113 | +
 | 
	
		
			
			|  | 114 | ++ pod 'ReactNativeNavigation', :podspec => '../node_modules/react-native-navigation/ReactNativeNavigation.podspec'
 | 
	
		
			
			|  | 115 | +
 | 
	
		
			
			|  | 116 | +  use_native_modules!
 | 
	
		
			
			|  | 117 | +end
 | 
	
		
			
			|  | 118 | +```
 | 
	
		
			
			|  | 119 | +
 | 
	
		
			
			|  | 120 | +2. `cd ios && pod install`
 | 
	
		
			
			|  | 121 | +
 | 
	
		
			
			|  | 122 | +3. Follow 3 and 3b in the Native Installation section.
 | 
	
		
			
			|  | 123 | +
 | 
	
		
			
			| 75 | 124 |  ## Android
 | 
	
		
			
			| 76 | 125 |  
 | 
	
		
			
			| 77 | 126 |  > Make sure your Android Studio installation is updated. We recommend editing `gradle` and `java` files in Android Studio as the IDE will suggest fixes and point out errors, this way you avoid most common pitfalls.
 |