React Native 如何修改 App 图标

准备工作

1> 打开图标工厂，按照提示，上传 APP 图标。


2> 将生成的图标下载到本地，会有一个 icons 文件夹，里面有给 android 和 ios 的图标。




替换 Android APP 图标

1> 将刚才下载的 android 目录下的部分文件，替换到 android/app/src/main/res目录下。

下载的android图标文件
拖入的工程地址

2> 在android/app/src/main/AndroidManifest.xml文件中，将android:icon 和android:roundIcon更改 app 图标的名称。

3> 好了，重跑项目，就可以看到效果啦；




替换 IOS APP 图标

1> 将刚才下载的 iOS 目录下的文件，替换到 ios/rn(工程名)/Images.xcassets目录下。

下载的iOS图标文件
拖入的ios工程文件

2> 可以去Xcode 检查一下，刚刚替换的图标；


image.png

3> 重新运行一下吧～就可以看到效果啰；




参考：
1 第一篇
2第二篇

©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容