javascript - 在 react-native 中自动化应用程序图标/启动画面链接(可能使用 rnpm)？

Question

我遇到了一个问题，我需要通过 xCode 和 android studio 手动添加应用程序图标和启动画面，并且想知道这个过程是否可以自动化，你可以假设我有所有需要的可用 Assets 大小。

我试图在网上找到一些可以使用 rnpm aka react-native link 来执行此操作的东西，这样就可以通过命令行轻松设置它。在进行研究时，我偶然发现了以下内容:

"rnpm": {
    "assets": [
        "src/assets/fonts"
    ]
}

这进入了 package.json 并且本质上将我的自定义字体链接到 xCode 和 android，在我看来这真的很巧妙，因为之前我也必须手动完成它，因此我在想类似的东西这可能适用于应用程序图标和启动画面？

更新:(更多信息基于一些答案)

---

是的，我前段时间使用了 ionic，但它没有达到我的要求，它只是调整了图像的大小，另一方面，我已经拥有所有已调整大小的文件，我需要做的就是以某种方式链接他们给 xCode 和 android 告诉他们这些是他们应该用于图标和启动画面的文件。

Answer 1

你很幸运，I wrote a generator怀着这个明确的目标，刚刚发布了一个新版本。

它会生成您的 Assets ，并将它们正确添加到您的 ios 和 android 项目中。

安装

您需要安装 node >= 6 和 image-magick。

然后安装generator与

npm install -g yo generator-rn-toolbox

使用它

你需要:

• 一个大于200px大小的方形图标文件
• 一个大小超过 2208 像素的方形启动图像文件(在 Android 上，截至目前，生成器仅支持具有纯背景颜色的启动图像)

然后在您的 React Native 项目中，运行:

yo rn-toolbox:assets --icon <path to your icon> --splash <path to your splash>
# For instance
yo rn-toolbox:assets --icon ../icon.png --splash ../splash.png

当你被要求覆盖文件时，回复Y。

就是这样!

希望对其他人有用:)

欢迎调用post an issue如果您有任何问题或疑问!
我会捕获任何机会使其成为满足您需求的最佳工具。