前言
在移动端开发中，React Native 是一种很受欢迎的技术，它可以让开发者用 React 去开发原生应用。react-native-template-coffee 是一个基于 React Native 的模板项目，通过它，我们可以更快速的搭建起我们的 React Native 项目。本文将介绍如何使用该 npm 包。
前置条件
- Node.js 环境
- React Native 的环境配置
安装
在安装 React Native 的前提下，我们可以使用以下方式安装 react-native-template-coffee。
npm install -g react-native-cli
然后我们就可以使用以下命令来创建我们的新项目了：
react-native init MyApp --template coffee
这里的 MyApp 是我们创建的新项目的名称。
创建之后，可以使用以下命令进入项目：
cd MyApp
接下来我们就可以进行一些自定义配置了。
配置
更改应用名称
在我们打开项目时，第一件事情就是将应用的名称更改为自己喜欢的名称。可以使用以下命令来实现：
react-native-rename "New App Name"
这将会将我们的应用名称修改为 "New App Name"。
更改启动图标
如果你想更改项目的启动图标，可以使用以下步骤：
- 找到你想要使用的图标，将图标文件命名为
icon.png，并将其放置在项目的根目录下。 - 安装以下两个包：
npm install --save-dev @bam.tech/react-native-make npm install --save-dev sharp
- 安装 iOS 图标工具。
brew install imagemagick brew install graphicsmagick brew install pngquant
- 打开
package.json并添加以下代码：
"scripts": {
"postinstall": "react-native set-icon --path ./icon.png",
"postlink": "react-native set-icon --path ./icon.png"
}这样配置完之后，我们启动应用时，就会使用我们自己设置的图片作为启动图标。
结语
在本文中，我们介绍了如何使用 react-native-template-coffee 创建我们的 React Native 项目，并进行一些自定义配置。当然，如果你想要做更多的自定义配置，你可以通过查看该项目的详细使用文档来实现。期望本文可以帮助你更快速更方便的上手 React Native 的开发。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/600562e581e8991b448e07c0