Detailed explanation of building a development environment with React Native

This article mainly introduces the steps to build a development environment in React Native. The editor thinks it is quite good, so I will share it with you now and give it as a reference. Let’s follow the editor to take a look, I hope it can help everyone.

Preparation work

1. node -v: Confirm whether Node is installed. If it has been successfully installed, execute the following command; otherwise install Node first.

2. npm install -g create-react-native-app: Use npm to quickly create React Native applications.

3. create-react-native-app AwesomeProject: Create a project named AwesomeProject.

4. cd AwesomeProject: Enter the file directory where the project is located.

5. yard start: Start the service, the terminal will display the QR code and link address.

Download the Expo client APP on your mobile phone

##Run the React Native application AwesomeProject

Connect the mobile phone that has downloaded the Expo client APP to the wireless network of the same computer;

Open the Expo client APP and use the Expo scanning function to scan the QR code of the terminal , or enter the link address of the application displayed on the terminal in Expo to see the running effect of the application.

Modify the application

Enter the directory file where the application is located, open the App.js file, and then you can develop React Native.

#At this point, the React Native development environment has been successfully established.

Related recommendations:

React Native Detailed encapsulation of notification message vertical carousel component

React Native Verification code countdown sharing

Instance detailed explanation React Native time conversion format tool class

The above is the detailed content of Detailed explanation of building a development environment with React Native. For more information, please follow other related articles on the PHP Chinese website!