icons - 如何向 React Native 应用程序添加图标

Question

我正在制作一个 React Native 应用程序。我想自定义应用程序图标(即您单击启动应用程序的图标)。我用谷歌搜索过这个，但我不断发现不同类型的图标代表不同的事物。如何将这些类型的图标添加到应用程序中？

Answer 1

iOS 图标

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

Images.xcassets 将如下所示:

Android 图标

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

更新 2019 Android

最新版本的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" 并保存。

否则构建会抛出错误。