在react native中自动执行应用程序图标/启动屏幕链接(可能使用rnpm)



我面临一个问题,我需要通过xCode和android studio手动添加应用程序图标和启动屏幕,我想知道这个过程是否可以自动化,你可以假设我有所有需要的资产大小。

我试图在网上找到一些可以使用rnpm(又名react-native link)来实现这一点的东西,这样就可以通过命令行轻松设置。在进行研究时,我偶然发现了以下内容:

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

这进入了package.json,本质上将我的自定义字体链接到了xCode和android,在我看来,这是一个非常巧妙的功能,就像以前一样,我也必须手动完成它,因此我认为这样的功能可能适用于应用程序图标和闪屏?

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


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

你很幸运,我写了一个生成器,考虑到了这个确切的目标,并刚刚发布了一个新版本。

它生成您的资产,并将它们正确添加到您的ios和android项目中。

安装它

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

然后安装带有的发电机

npm install -g yo generator-rn-toolbox

使用它

您需要:

  • 大于200px大小的方形图标文件
  • 一个大于2208px大小的方形飞溅图像文件(在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进行回复。

就这样

希望它能对其他人有用:)

如果你有问题或任何问题,请随时发布问题
我会抓住任何机会使它成为满足您需求的最佳工具。

我真的帮不上忙,但我知道Ionic正在做这件事(使用"npm resources"),它会生成图标和splashscreen。对不起,我帮不了更多。。。

最新更新