如何在React Native应用程序中添加图标
如何在React Native应用程序中添加图标
我正在制作一个React Native应用程序。我想自定义应用程序图标（指单击以启动应用程序的图标）。我已经搜索了谷歌，但我一直找到不同类型的图标，这些图标指的是不同的东西。我该如何将这些类型的图标添加到应用程序中？
admin 更改状态以发布 2023年5月23日
我编写了一个生成器，可以从单个图标文件中自动生成您的React Native应用程序的图标。它会生成您的资源，并将它们正确添加到您的iOS和Android项目中：
更新（04/09/2019）
我们重新设计了生成器，使其符合生态系统标准。现在您可以使用@bam.tech/react-native-make。
您可以使用以下命令在React Native项目中安装它：yarn add @bam.tech/react-native-make
要使用它，请使用以下命令：react-native set-icon --path
就这样！希望对其他人有用 🙂
建议：
- 1024x1024基础图像
- iOS不要使用透明背景
- 对于Android，请使用符合适应性图标指南的图标
以下是与先前工具相比的一些改进：
- 不依赖Yeoman，现在是React Native CLI插件
- 不依赖Image Magick
- 为Android创建自适应图标
- 为iOS添加缺少的图标大小
iOS图标
- 在
Images.xcassets中设置AppIcon。 - 添加9个不同大小的图标：
29pt29pt*229pt*340pt*240pt*357pt57pt*260pt*260pt*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中。
- 72*72
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"这行代码，并保存。
否则，构建会抛出错误。