Instructions for React Native 0.63 (#1546)
Summary: The instructions for React Native were outdated. In RN0.63, most of the setup has been moved to a helper method. ## Changelog * Updated instructions for React Native 0.63 (petrbela) Pull Request resolved: https://github.com/facebook/flipper/pull/1546 Test Plan: N/A Reviewed By: mweststrate Differential Revision: D23961759 Pulled By: passy fbshipit-source-id: db89d2b9836da1959ff46683d76c23aea8e2a2fd
This commit is contained in:
committed by
Facebook GitHub Bot
parent
75e80272a6
commit
b3ca84fc1b
@@ -12,13 +12,42 @@ This should only be necessary if you have an existing app that cannot be upgrade
|
|||||||
|
|
||||||
## Dependencies
|
## Dependencies
|
||||||
|
|
||||||
Add this code to your `ios/Podfile`:
|
### React Native 0.63+
|
||||||
|
|
||||||
|
If using React Native 0.63 or later, your `ios/Podfile` should look like this:
|
||||||
|
|
||||||
|
```ruby
|
||||||
|
platform :ios, '10.0'
|
||||||
|
|
||||||
|
require_relative '../node_modules/react-native/scripts/react_native_pods'
|
||||||
|
require_relative '../node_modules/@react-native-community/cli-platform-ios/native_modules'
|
||||||
|
|
||||||
|
target 'your-app-name' do
|
||||||
|
config = use_native_modules!
|
||||||
|
use_react_native!(path: config['reactNativePath'])
|
||||||
|
|
||||||
|
# Enables Flipper.
|
||||||
|
#
|
||||||
|
# Note that if you have use_frameworks! enabled, Flipper will not work and
|
||||||
|
# you should disable these next few lines.
|
||||||
|
use_flipper!('Flipper' => '0.58.0') # should match the version of your Flipper client app
|
||||||
|
post_install do |installer|
|
||||||
|
flipper_post_install(installer)
|
||||||
|
end
|
||||||
|
end
|
||||||
|
```
|
||||||
|
|
||||||
|
Install the dependencies by running `cd ios && pod install`. Then continue to [Initialization](#initialization).
|
||||||
|
|
||||||
|
### React Native 0.62
|
||||||
|
|
||||||
|
In 0.62, the setup includes a bit more code (which was moved to a helper in 0.63). Add all of the code below to your `ios/Podfile`:
|
||||||
|
|
||||||
```ruby
|
```ruby
|
||||||
platform :ios, '9.0'
|
platform :ios, '9.0'
|
||||||
|
|
||||||
def flipper_pods()
|
def flipper_pods()
|
||||||
flipperkit_version = '0.49.0'
|
flipperkit_version = '0.58.0' # should match the version of your Flipper client app
|
||||||
pod 'FlipperKit', '~>' + flipperkit_version, :configuration => 'Debug'
|
pod 'FlipperKit', '~>' + flipperkit_version, :configuration => 'Debug'
|
||||||
pod 'FlipperKit/FlipperKitLayoutPlugin', '~>' + flipperkit_version, :configuration => 'Debug'
|
pod 'FlipperKit/FlipperKitLayoutPlugin', '~>' + flipperkit_version, :configuration => 'Debug'
|
||||||
pod 'FlipperKit/SKIOSNetworkPlugin', '~>' + flipperkit_version, :configuration => 'Debug'
|
pod 'FlipperKit/SKIOSNetworkPlugin', '~>' + flipperkit_version, :configuration => 'Debug'
|
||||||
@@ -46,11 +75,8 @@ end
|
|||||||
|
|
||||||
target 'your-app-name' do
|
target 'your-app-name' do
|
||||||
...
|
...
|
||||||
|
|
||||||
|
|
||||||
# Replace the existing yoga import with the following (adding modular_headers):
|
# Replace the existing yoga import with the following (adding modular_headers):
|
||||||
pod 'Yoga', :path => '../node_modules/react-native/ReactCommon/yoga', :modular_headers => true
|
pod 'Yoga', :path => '../node_modules/react-native/ReactCommon/yoga', :modular_headers => true
|
||||||
|
|
||||||
...
|
...
|
||||||
use_native_modules!
|
use_native_modules!
|
||||||
|
|
||||||
|
|||||||
Reference in New Issue
Block a user