2823307c62
Summary: I trimmed the previous versions of this down a lot to only focus on what RN developers need to know without duplicating what we have in the non-RN docs. Reviewed By: mweststrate Differential Revision: D20816115 fbshipit-source-id: 9d88a6fb0d49e823194cce647e64b86d61d6229a
1.4 KiB
1.4 KiB
id, title, sidebar_label
| id | title | sidebar_label |
|---|---|---|
| react-native | Set up your React Native App | React Native |
Starting with React Native 0.62, after generating your project with react-native init, the Flipper integration is ready out of the box for debug builds:
- For Android, start the Flipper Desktop application, and start your project using
yarn android. Your application will appear in Flipper. - For iOS, run
pod installonce in theiosdirectory of your project. After that, runyarn iosand start Flipper. Your application will show up in Flipper.
By default, the following plugins will be available:
- Layout Inspector
- Network
- Databases
- Images
- Shared Preferences
- Crash Reporter
- React DevTools
- Metro Logs
Additional plugins can be installed through the plugin manager.
To create your own plugins and integrate with Flipper using JavaScript, check out our writing plugins for React Native tutorial!
To update the Flipper SDK in your project, you bump the version in the ios/Podfile and android/gradle.properties files of your project.
Manual Setup
If you are not using a default React Native template or cannot use the upgrade tool, you can find instructions for how to integate Flipper into your projects in these guides: