React native 反应本机创建自定义模板

尝试按照本教程进行操作，但没有成功

我想制作一个带有如下默认代码的模板

...
render() {
    return (
      <View style={{fontFamily: 'SomeAwesomeFont'}>
        <Text>Hello </Text>
      </View>
    );
  }
...

并将一些字体文件添加到

assets/font

希望能够做到这一点：

▶ react native init World--模板HelloTemplate

▶ cd世界

▶ 反应本机链接

---

更新 @克里斯吉尔曼给我指了指答案（谢谢）。整个文件夹必须命名为

react native template HelloTemplate

--=UPDATE==--

我写了一篇博客文章，几乎重申了我在下面写的内容，但我认为它更清晰、更全面

---

我看过那篇文章，打算尝试一段时间，所以我想我会抓住这个机会，同时也会帮助你

你在描述中漏掉了很多细节，因为我无法确认你是否以与文章相同的方式完成了这些细节，我认为这些细节值得重申。另外，我觉得这篇文章可能有点含糊不清。这就是对我有效的方法

注意：如果你确信你所做的一切都是正确的，那么你可以跳到第4节-发布。您的主要问题可能只是如何运行cli命令

1） 创建

依赖项.json

您提到了

package.json

外观的一小部分，但本文指定您的依赖项应放入名为

dependencies.json

的新文件中。如果您的依赖项是这些，那么该文件将如下所示（注意：我的模板仅依赖于

react导航

）

2） 清理您的`package.json 接下来，本文将介绍您应该从

package.json

中删除依赖项、devdependency、脚本和所有其他不必要的内容。模板名称必须遵循此约定

react-native-template-{templateName}

我的模板名为

geirman

，所以这就是我最后的

包.json

在删除所有多余项后的样子。同样，这是一个完整的文件

{
  "name": "react-native-template-geirman",
  "version": "0.0.1"
}

3） 删除本机目录 4） 发表 下一步，你被告知发布，但它没有说如何发布或在哪里发布。您需要遵循上面的命名约定。然后您将使用以下命令的模板

react-native init myapp --template geirman

注意：我将我的示例发布到npm注册中心，因此上面的内容可以工作

但看起来您实际上是在试图从本地文件系统安装它。在这种情况下，您需要提供模板的完全限定路径，如下所示

react-native init myapp --template file:///Users/ChrisGeirman/dev/mobile/playground/templates/react-native-template-geirman

其他参考资料

• 如果要查看已发布模板的外观，请签出。它不再工作，因为它使用

  index.ios.js

  和

  index.android.js

  而不是较新的

  index.js

  入口点，但同样的基本结构适用

---

我的答案对你有用吗？我还写了一篇博文，我将很快发表，以更全面地回答这个问题。嗨，克里斯，非常感谢你的回答。我想这就是我在发布问题之前所做的，但我明天会尝试你的答案，如果答案有效，我会给你打分。我想我的问题是“完全合格路径”。在您的示例中，您创建了

gierman

，但在您的路径中，您只使用

react-native-template-geirman

，而没有导航到

geriman

文件夹。。？我尝试了几种变体（见更新的问题），但运气不佳..发现了问题。我必须使用

react native template-

作为文件夹的名称。很高兴看到它！

rm -rf ./android
rm -rf ./ios

react-native init myapp --template geirman

react-native init myapp --template file:///Users/ChrisGeirman/dev/mobile/playground/templates/react-native-template-geirman