官术网_书友最值得收藏!

Running the App in the Simulator

Having the dependencies in the package.json file and all the initial files in place, we can run the following command (in the root folder of our project) to finish the installation:

npm install

Then, all the dependencies should be installed in our project. Once npm finishes installing all dependencies, we can start our app in the iOS simulator:

react-native run-ios

Or in the Android emulator using the following command:

react-native run-android

When React Native detects the app is running in a simulator, it enables a developer toolset available through a hidden menu, which can be accessed through the shortcuts command + D on iOS or command + M on Android (on Windows Ctrl should be used instead of command). This is how the developer menu looks like in iOS:

Running the App in the Simulator

And this is how it looks like in the Android simulator:

Running the App in the Simulator

The Developer Menu

In the process of building an app in React Native, the developer will have debugging needs. React Native fulfills these needs with the ability to remotely debug our apps in Chrome developer's tools or external applications such as React Native Debugger. Errors, logs, and even React components can be debugged easily as in a normal web environment.

On top of that, React Native provides a way to automatically reload our app each time a change is done saving the developers the task of manually reloading the app (which can be achieved by pressing command + R or Ctrl + R). There are two options when we set our app for automatic reloading:

  • Live reload detects any changes we make in the app's code and resets the app to its initial state after reloading.
  • Hot reload also detects changes and reloads the app, but keeps the current state of the app. This is really useful when we are implementing user flows to save the developer to repeat each step in the flow (for example, logging in or registering test users)
  • Finally, we can start the performance monitor to detect possible performance issues when performing complex operations such as animations or mathematical calculations.
主站蜘蛛池模板: 闵行区| 东莞市| 西充县| 祁门县| 沭阳县| 淄博市| 星子县| 新闻| 石泉县| 浪卡子县| 遂宁市| 马鞍山市| 门头沟区| 白玉县| 兴和县| 顺平县| 沾益县| 镇平县| 达拉特旗| 遂平县| 庆安县| 南木林县| 玉田县| 龙泉市| 湛江市| 高要市| 皮山县| 濉溪县| 龙口市| 招远市| 揭西县| 阳谷县| 荆州市| 监利县| 股票| 香格里拉县| 兴城市| 准格尔旗| 昌江| 肃宁县| 手机|