简介
React Native 是一个用于构建跨平台移动应用的框架。它可以让开发者使用 JavaScript 和 React 编写应用，并将其渲染成本地平台特定的 UI 组件。在 React Native 中，UI 组件可以直接映射到原生视图组件，使得应用看起来和表现得像一个原生应用。
npm 是 Node.js 的包管理器，在前端开发中经常用来下载第三方库和工具。react-native 就是其中一个非常重要且广泛使用的 npm 包。本文将详细介绍如何安装和使用 react-native。
安装
在开始使用 react-native 之前，你需要先确保你的电脑上已经安装了 Node.js 和 npm。如果还没有安装，可以去 Node.js 的官网 下载并安装。安装完成后，打开命令行窗口（Windows 用户可以使用 PowerShell 或者 Git Bash）输入以下命令进行检验：
node -v npm -v
如果输出了两个版本号，说明 Node.js 和 npm 已经成功安装。
接下来，我们需要全局安装 create-react-native-app 命令行工具。该工具可以帮助我们创建一个新的 React Native 应用程序。
npm install -g create-react-native-app
一旦安装完成，我们就可以创建一个新的 React Native 应用了。
创建一个新的 React Native 应用程序
首先，在命令行中进入你准备存放新项目的目录，然后运行以下命令：
create-react-native-app myapp
这将会创建一个名为 myapp 的模板项目。运行完毕后，你可以在当前目录下看到一个 myapp 的文件夹。
接下来，我们需要进入该文件夹并启动应用程序：
cd myapp npm start
这将会在本地的开发服务器上启动一个新的应用程序，并打开 Expo DevTools 界面。你可以使用 Expo DevTools 来调试和预览你的应用程序。如果一切正常，你应该可以在你的浏览器中看到你的应用程序正在运行。
编写代码
我们现在已经有了一个基本的应用程序，可以开始编写我们自己的代码了。React Native 使用的是 JSX 语法，它允许我们在 JavaScript 中编写类似 HTML 的标记语言。
下面是一个简单的例子，展示如何在 React Native 中渲染一个文本组件：
-- -------------------- ---- -------
------ ----- ---- --------
------ - ----- ---- - ---- ---------------
------ ------- -------- ----- -
------ -
------
------------ -------------
-------
--
-该代码片段中，我们导入了 React 和 react-native 包中的 Text 和 View 组件。然后，我们在 App 组件中返回了一个包含一个 View 和一个 Text 组件的 JSX 元素。
运行应用程序
当你准备好运行应用程序时，可以输入以下命令：
npm start
这将会启动 Expo DevTools 并在本地开发服务器上运行应用程序。你可以使用 Expo App 来预览你的应用程序，或者在模拟器或真实设备上安装应用程序并进行测试。
结论
本文介绍了如何安装和使用 react-native npm 包，以及该包的基本功能和用法。通过学习本文，你可以开始编写自己的 React Native 应用程序，并深入了解如何进行调试和测试。希望这篇文章能够对你有所帮助！
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/41532