React Native 是一种非常流行的跨平台移动应用开发框架，用于构建 Android 和 iOS 应用程序。它为前端开发人员提供了一种优雅的方式来使用 JavaScript 和 React 来构建移动应用，同时利用 React Native 的本地组件来提供性能和体验要求。npm 包 react-native-template 提供了一个快速启动 React Native 项目的标准模板，本文将详细介绍使用它的方法。
step 1：安装 react-native-template
在使用 react-native-template 前，需要先安装它。该命令可以通过 npm 来执行：
npm install -g react-native-cli
step 2：启动项目
使用以下命令在本地启动项目：
react-native init my-project --template react-native-template
在这个例子中，“my-project”是你要创建的项目名称。“--template react-native-template”是告诉 react-native-cli 使用模板来构建项目。
step 3：调整配置
接下来，将要在项目的根目录下调整一些配置文件。
3.1 修改app.json文件
修改app.json文件中的 displayName 和 name 字段，将 “MyApp” 替换为自己的应用程序名称。
{
"name": "your-project-name",
"displayName": "Your project name"
}3.2 修改 android/app/src/main/AndroidManifest.xml 文件
修改此文件中的 application 标签的 android:label 属性，将 “MyApp” 替换为自己的应用程序名称。
<application android:name=".MainApplication" android:label="Your project name" android:icon="@mipmap/ic_launcher" android:allowBackup="false" android:theme="@style/AppTheme">
step 4：运行项目
最后一步，使用以下命令运行项目：
cd my-project react-native run-android
这将在 Android 模拟器或连接的 Android 设备上启动应用程序。如果你想在 iOS 模拟器或设备上运行应用程序，请使用以下命令：
cd my-project react-native run-ios
结论
在这篇文章中，我们详细介绍了如何使用 npm 包 react-native-template 来快速创建一个 React Native 应用。我们学习了安装 react-native-cli，创建一个新项目并修改配置。最后，我们通过运行 react-native run-android 或 react-native run-ios 命令来启动应用程序。希望你能喜欢这篇文章，并能在你的 React Native 项目中成功使用 react-native-template!
示例代码
在这里提供一个示例代码片段，用于展示使用 react-native-template 后创建的项目的样子。
-- -------------------- ---- -------
------ ------ - --------- - ---- --------
------ -
-----------
-----
----
- ---- ---------------
------ ------- ----- --- ------- --------- -
------ -- -
------ -
----- -------------------------
----- -----------------------
------- -- ---- ------- -----
-------
----- ----------------------------
-- --- -------- ---- ------
-------
----- ----------------------------
----- -- ----- ---- ------ --- --- ----
-------
-------
--
-
-
----- ------ - -------------------
---------- -
----- --
--------------- ---------
----------- ---------
---------------- ----------
--
-------- -
--------- ---
---------- ---------
------- ---
--
------------- -
---------- ---------
------ ----------
------------- --
--
---来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6005561681e8991b448d30a7