Manually set up your React Native iOS App
These instructions are aimed at people manually adding Flipper to a React Native 0.62+ app. This should only be necessary if you have an existing app that cannot be upgraded with the React Native Upgrade tool.
Dependencies
React Native 0.63+
If using React Native 0.63 or later, your ios/Podfile
should look like this:
Install the dependencies by running cd ios && pod install
. Then continue to 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
:
Install the dependencies by running cd ios && pod install
. You can now
import and initialize Flipper in your AppDelegate.
Initialization
The code below enables the following integrations:
- Layout Inspector
- Network
- Shared Preferences
- Crash Reporter
- iOS
- Swift
Lastly, open the Flipper desktop app, and run yarn ios
in your terminal.
Troubleshooting
See the troubleshooting page for help with known problems.
Further Steps
To create your own plugins and integrate with Flipper using JavaScript, check out our writing plugins for React Native tutorial!