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

Question

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

原文由 Adam Katz 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

iOS 图标

• 在 —bbb1946fc0d6af15536 AppIcon Images.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*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 安卓

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

否则构建会引发错误。

原文由 Rockvic 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 2

我会使用服务来正确缩放图标。 http://makeappicon.com/ 似乎不错。使用较大尺寸的图像，因为放大较小的图像会导致较大的图标被像素化。该网站将为您提供适用于 iOS 和 Android 的尺寸。

从那里只需像设置常规本机应用程序一样设置图标。

https://help.apple.com/xcode/mac/8.0/#/dev10510b1f7

为 Android 应用程序设置图标

原文由 rmevans9 发布，翻译遵循 CC BY-SA 4.0 许可协议