小编典典

如何将图标添加到 React Native 应用程序

all

我正在制作一个 React Native
应用程序。我想自定义应用程序图标(即您单击以启动应用程序的图标)。我已经用谷歌搜索了这个,但我一直在寻找不同类型的图标,它们代表不同的事物。如何将这些类型的图标添加到应用程序?


阅读 93

收藏
2022-04-08

共1个答案

小编典典

iOS 图标

  • 设置AppIconImages.xcassets.
  • 添加 9 个不同大小的图标:
    • 29pt
    • 29pt*2
    • 29pt*3
    • 40pt*2
    • 40pt*3
    • 57pt
    • 57pt*2
    • 60pt*2
    • 60pt*3.

Images.xcassets看起来像这样:

安卓图标

  • 放入ic_launcher.png文件夹[ProjectDirectory]/android/app/src/main/res/mipmap-*/
    • 72* 72ic_launcher.png英寸mipmap-hdpi
    • 48* 48ic_launcher.png英寸mipmap-mdpi
    • 96* 96ic_launcher.png英寸mipmap-xhdpi
    • 144* 144ic_launcher.png英寸mipmap-xxhdpi
    • 192* 192ic_launcher.png英寸mipmap-xxxhdpi

更新 2019 安卓

最新版本的 react native 也支持圆形图标。对于这种特殊情况,您有两种选择:

A. 添加圆形图标: 在每个 mipmap
文件夹中,在文件中另外添加一个称为相同大小ic_launcher.png的圆形版本。ic_launcher_round.png

B.删除圆形图标:
里面yourProjectFolder/android/app/src/main/AndroidManifest.xml的行删除android:roundIcon="@mipmap/ic_launcher_round"并保存。

否则构建会引发错误。

2022-04-08