在react-native(可能是rnpm)中自动链接应用程序图标/启动画面吗?

伊利亚

我遇到一个问题,我需要通过xCode和android studio手动添加应用程序图标和启动屏幕,并且想知道该过程是否可以自动化,您可以假设我拥有所有必需的资产大小。

我试图在网上找到一些可以使用rnpm akareact-native link进行此操作的方法,这样可以通过命令行轻松地进行设置。在进行研究时,我偶然发现了以下内容:

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

这进入了package.json我的自定义字体并实质上将其链接到xCode和android,在我看来,这真的是整洁的功能,就像我之前也必须手动进行操作一样,因此我认为这样的事情对于应用程序图标和启动屏幕来说可能是可能的吗?

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


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

阿尔穆罗

您很幸运,我写了一个生成器,牢记了这个确切的目标,并且刚刚发布了一个新版本。

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

安装它

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

然后安装发电机

npm install -g yo generator-rn-toolbox

用它

你需要:

  • 大小超过200像素的正方形图标文件
  • 一个大小超过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

就是这样!

希望对其他人有用:)

随意张贴的问题,如果你有问题或有任何疑问!
我将抓住一切机会,使其成为满足您需求的最佳工具。

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

React Native深度链接应用程序未打开

来自分类Dev

react-native-navigation(Wix) 在 android 上工作,但在 ios 上不工作:应用程序卡在启动画面中 由 react native 提供支持,只能到达 index.js

来自分类Dev

React Native应用卡在启动画面上

来自分类Dev

如何在React Native应用程序中创建“为该应用程序评分”链接?

来自分类Dev

检测何时在 React Native 应用程序中启动其他应用程序

来自分类Dev

在 react-native 中淡出启动画面

来自分类Dev

Android React Native 卡在启动画面

来自分类Dev

集成 React Native 后应用程序图标变为空白

来自分类Dev

React-native 启动画面和 react-navigation

来自分类Dev

运行React Native应用程序而不启动Xcode?

来自分类Dev

React native:无法启动“Google Chrome”应用程序

来自分类Dev

如何正确启动分离的 React Native 应用程序

来自分类Dev

当我在项目应用程序中安装并链接 react-native-admob 在加载时崩溃

来自分类Dev

在模拟器中启动应用程序后,'React native run android' 停止

来自分类Dev

是否可以在react native中自动重新加载应用程序?

来自分类Dev

有没有办法在React Native应用程序中实现某种自动翻译?

来自分类Dev

在React应用程序中仅将jQuery用于动画

来自分类常见问题

可以在浏览器中测试React Native应用程序吗?

来自分类Dev

React Native 应用程序中的单个 style.js 文件——有什么缺点吗?

来自分类Dev

React Native:是什么控制iPhone屏幕上应用程序图标上红色圆圈中的数字?

来自分类Dev

React 应用程序在浏览器中工作,但在 Cefsharp 中不起作用。可能是“显示临时标题”问题

来自分类Dev

React Native应用程序中的全屏背景图像

来自分类Dev

在React Native应用程序中创建表布局

来自分类Dev

检查 React Native 应用程序中的不活动状态

来自分类Dev

React-Native 应用程序中的网络问题

来自分类Dev

React Native 应用程序的 UI 测试

来自分类Dev

React Native 应用程序部署

来自分类Dev

如何在React Native的应用程序地图中获取传统的蓝色地图标记?

来自分类Dev

React Native:打开应用程序中的外部URL和启动本机浏览器有什么区别

Related 相关文章

  1. 1

    React Native深度链接应用程序未打开

  2. 2

    react-native-navigation(Wix) 在 android 上工作,但在 ios 上不工作:应用程序卡在启动画面中 由 react native 提供支持,只能到达 index.js

  3. 3

    React Native应用卡在启动画面上

  4. 4

    如何在React Native应用程序中创建“为该应用程序评分”链接?

  5. 5

    检测何时在 React Native 应用程序中启动其他应用程序

  6. 6

    在 react-native 中淡出启动画面

  7. 7

    Android React Native 卡在启动画面

  8. 8

    集成 React Native 后应用程序图标变为空白

  9. 9

    React-native 启动画面和 react-navigation

  10. 10

    运行React Native应用程序而不启动Xcode?

  11. 11

    React native:无法启动“Google Chrome”应用程序

  12. 12

    如何正确启动分离的 React Native 应用程序

  13. 13

    当我在项目应用程序中安装并链接 react-native-admob 在加载时崩溃

  14. 14

    在模拟器中启动应用程序后,'React native run android' 停止

  15. 15

    是否可以在react native中自动重新加载应用程序?

  16. 16

    有没有办法在React Native应用程序中实现某种自动翻译?

  17. 17

    在React应用程序中仅将jQuery用于动画

  18. 18

    可以在浏览器中测试React Native应用程序吗?

  19. 19

    React Native 应用程序中的单个 style.js 文件——有什么缺点吗?

  20. 20

    React Native:是什么控制iPhone屏幕上应用程序图标上红色圆圈中的数字?

  21. 21

    React 应用程序在浏览器中工作,但在 Cefsharp 中不起作用。可能是“显示临时标题”问题

  22. 22

    React Native应用程序中的全屏背景图像

  23. 23

    在React Native应用程序中创建表布局

  24. 24

    检查 React Native 应用程序中的不活动状态

  25. 25

    React-Native 应用程序中的网络问题

  26. 26

    React Native 应用程序的 UI 测试

  27. 27

    React Native 应用程序部署

  28. 28

    如何在React Native的应用程序地图中获取传统的蓝色地图标记?

  29. 29

    React Native:打开应用程序中的外部URL和启动本机浏览器有什么区别

热门标签

归档