React Native 是一种基于 React 的移动应用开发框架，可以快速开发 iOS 和 Android 应用程序。本文将为大家介绍如何在 Windows 和 Mac 系统上安装 React Native。
安装 Node.js 和 npm
React Native 是基于 Node.js 的，因此在安装 React Native 之前，必须先安装 Node.js 和 npm。
Windows
在 Windows 上安装 Node.js 和 npm 可以通过官方网站下载安装程序进行安装。下载地址为：https://nodejs.org/en/download/。
Mac
在 Mac 上安装 Node.js 和 npm 可以通过 Homebrew 进行安装。打开终端并输入以下命令：
brew install node
安装 React Native CLI
React Native CLI 是 React Native 的命令行工具，可以帮助我们创建和管理 React Native 项目。在安装 React Native CLI 之前，需要确保已经安装了 Node.js 和 npm。
打开终端并输入以下命令：
npm install -g react-native-cli
安装 Android Studio
在开发 React Native 应用程序时，需要使用 Android Studio 来创建和管理 Android 项目。在安装 Android Studio 之前，需要确保已经安装了 Java SDK。
Windows
在 Windows 上安装 Android Studio 可以通过官方网站下载安装程序进行安装。下载地址为：https://developer.android.com/studio。
Mac
在 Mac 上安装 Android Studio 可以通过 Homebrew 进行安装。打开终端并输入以下命令：
brew cask install android-studio
配置 Android Studio
安装完 Android Studio 后，需要配置 Android SDK 和 AVD。
配置 Android SDK
打开 Android Studio，点击菜单栏的「Configure」，选择「SDK Manager」。在 SDK Platforms 中选择 Android 版本，然后在 SDK Tools 中勾选「Android SDK Build-Tools」和「Android SDK Platform-Tools」，最后点击「Apply」保存更改。
配置 AVD
打开 Android Studio，点击菜单栏的「Configure」，选择「AVD Manager」。在 AVD Manager 中点击「Create Virtual Device」，选择一个设备类型，然后选择一个系统镜像，最后点击「Finish」创建 AVD。
创建 React Native 项目
完成上述步骤后，就可以开始创建 React Native 项目了。打开终端并输入以下命令：
react-native init MyProject
其中 MyProject 是项目名称，可以根据实际情况进行修改。
运行 React Native 项目
在创建 React Native 项目后，可以使用以下命令运行项目：
cd MyProject react-native run-android
其中 MyProject 是项目名称，可以根据实际情况进行修改。执行以上命令后，会自动打开 Android 模拟器并运行 React Native 应用程序。
示例代码
以下是一个简单的 React Native 应用程序示例代码：
// www.javascriptcn.com code example
import React from 'react';
import { Text, View } from 'react-native';
const App = () => {
return (
<View style={{ flex: 1, justifyContent: 'center', alignItems: 'center' }}>
<Text>Hello, React Native!</Text>
</View>
);
};
export default App;以上代码会在屏幕中央显示一段文本：「Hello, React Native!」。可以根据实际情况进行修改和扩展。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/67d29ddca941bf713450380d