美文网首页react-native
React Native 如何修改 App 图标

React Native 如何修改 App 图标

作者: 婆娘漂亮生活安逸 | 来源:发表于2023-02-24 18:39 被阅读0次

准备工作


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


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



替换 Android APP 图标


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

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

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

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



替换 IOS APP 图标


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

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

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


image.png

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



参考:
1 第一篇
2第二篇

相关文章

网友评论

    本文标题:React Native 如何修改 App 图标

    本文链接:https://www.haomeiwen.com/subject/bfujgrtx.html