Now that you have successfully run the app, let's modify it. Using the Expo app, scan the QR code from your terminal to open your project. Install the Expo client app on your iOS or Android phone and connect to the same wireless network as your computer. This will start a development server for you, and print a QR code in your terminal. Then run the following commands to create a new React Native project called 'AwesomeProject': create-react-native-app AwesomeProject It allows you to start a project without installing or configuring any tools to build native code - no Xcode or Android Studio installation required (see Caveats).Īssuming that you have Node installed, you can use npm to install the create-react-native-app command line utility: npm install -g create-react-native-app

Run pod install -repo-update in the ios directory.Create React Native App is the easiest way to start building a new React Native application.Call FlipperConfiguration.enabled with a specific version in ios/Podfile, for example: :flipper_configuration => FlipperConfiguration.enabled(, ).Latest version of Flipper requires react-native 0.69+! If you use react-native 0.69.0 To make sure you are using the latest version, determine the latest released version of Flipper by running npm info flipper. Using the latest Flipper SDK īy default, React Native might ship with an outdated Flipper SDK. To create your own plugins and integrate with Flipper using JavaScript, see the Building a React Native Plugin tutorial.

Your application will show up in Flipper.īy default, the following plugins will be available:Īdditional plugins can be installed through the Plugin Manager. After that, run yarn ios and start Flipper.

iOS - run pod install once in the ios directory of your project.Android - start the Flipper Desktop application and start your project using yarn android.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:

React native on android studio