ReactNative 是一个由 Facebook 打造的开源框架，可以让开发者使用 JavaScript 和 React 来构建 iOS 和 Android 应用。它的优点是可以快速迭代、导入和使用第三方组件，并省去了学习 Swift 和 Java 的时间成本。本文将介绍 ReactNative 的环境部署及 HelloWorld 的实践步骤。
环境配置
安装 Node.js
ReactNative 依赖 Node.js 和 npm，所以首先需要安装 Node.js。我们建议使用 nvm（Node Version Manager）来安装 Node.js，可以迅速地在不同版本之间切换。可以运行以下代码来安装 nvm：
curl -o- https://raw.githubusercontent.com/nvm-sh/nvm/v0.35.3/install.sh | bash
安装完成后，请在终端中运行以下代码检查是否成功安装：
nvm --version
安装 Watchman
Watchman 是由 Facebook 开源的文件监控工具，ReactNative 依赖它来监听文件变化并触发重新构建。可以运行以下代码安装 Watchman：
brew install watchman
安装 JDK
ReactNative 开发 Android 应用需要 JDK 环境，可以从 Oracle 官网下载 JDK。
安装 Android Studio
Android Studio 是 Google 官方的 Android 开发工具。ReactNative 开发 Android 应用需要使用它来编译和调试应用。可以从官网下载并安装。
安装完成之后，需要配置 Android SDK 和模拟器。在打开 Android Studio 后，依次点击「Configure」 -> 「SDK Manager」。在 SDK Platforms 中，选择想要开发的 Android 版本并安装。在 SDK Tools 中，选择「Android Emulator」和「Android SDK Build-Tools」并安装。
在安装完成之后，需要创建一个 Android 虚拟器来测试应用。可以在「AVD Manager」中创建并启动模拟器。
安装 ReactNative CLI
全局安装 ReactNative CLI 可以方便命令行创建、启动和生成 ReactNative 项目。
npm install -g react-native-cli
创建 HelloWorld 应用
创建一个新的 ReactNative 应用很简单，执行以下步骤：
1. 初始化项目
在浏览器中访问 https://reactnative.dev/docs/getting-started.html，选择「React Native CLI Quickstart」。根据官方指导，运行以下代码初始化项目：
npx react-native init HelloWorld
这将创建一个名为 „HelloWorld“ 的新项目。
2. 运行应用
进入项目目录并运行以下代码启动应用：
cd HelloWorld npx react-native run-android
ReactNative 将会在连接的设备或模拟器上安装并启动应用。如果一切顺利，你应该会看到以下图像：
3. 修改应用
在成功运行 HelloWorld 应用之后，我们可以根据需要修改应用。打开项目中的 App.js 文件，修改代码并保存后，应用将会重新编译并显示最新修改的效果。下面是一个简单的示例代码：
-- -------------------- ---- -------
------ ------ - --------- - ---- --------
------ - ----------- ----- ---- - ---- ---------------
------ ------- ----- --- ------- --------- -
-------- -
------ -
----- -------------------------
----- -------------------------- ----- --------------
-------
--
-
-
----- ------ - -------------------
---------- -
----- --
--------------- ---------
----------- ---------
---------------- ----------
--
----- -
--------- ---
---------- ---------
------- ---
--
---总结
通过本文，我们了解了如何配置 ReactNative 环境并创建 HelloWorld 应用。ReactNative 给前端开发者提供了一个高效的方式来构建 iOS 和 Android 应用。希望本文能够帮助你入门 ReactNative 开发。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/65ab64edadd4f0e0ff508c72