我正在做一个React Native应用程序。我想自定义应用程序图标(意味着你点击启动应用程序的图标)。我在谷歌上搜索过,但我一直在寻找不同类型的图标,它们指的是不同的东西。如何将这些类型的图标添加到应用程序中?
当前回答
Android Studio有一个非常方便的图标资产向导,叫做Image asset Studio(用户指南)。它是不言自明的,有一些方便的效果,它是内置的:
截图来自Windows 10上的Android Studio 4.1.3
其他回答
我将使用一个服务来正确缩放图标。http://makeappicon.com/似乎不错。使用较大尺寸的图像,因为放大较小的图像会导致较大的图标像素化。该网站将为你提供iOS和Android的尺寸。
从那里,它只是一个设置图标的问题,就像你会一个普通的本地应用程序。
https://help.apple.com/xcode/mac/8.0/#/dev10510b1f7
设置Android应用程序图标
就像Rockvic所说的,iOS和Android需要不同大小的图标。此外,如果有人感兴趣,我推荐这个网站生成不同大小的图标。你不需要下载任何东西,它工作得很完美。
https://resizeappicon.com/
希望能有所帮助。
这有助于人们努力寻找更好的网站来生成图标和飞溅屏幕
制作应用图标(android和ios都有用) APE工具(android和ios都有用) 图标集创建器(仅适用于ios) android Asset Studio(仅适用于android +推荐*)
更新2022
因为阿尔莫罗的答案已经不复存在了
Android和iOS图标
你现在可以在iOS和Android上用一个命令生成圆形图标:
npx icon-set-creator create ./path/to/icon.png
我强烈建议使用至少1024x1024像素的图标
自适应Android图标
npx icon-set-creator create -b <background> -f <foreground> -A
background—颜色(例如:“#ffffff”)或图像资产(例如:“资产/图片/ christmas-background.png”)
前景-图像资产(例如:“资产/图片/ christmas-foreground.png”)
iOS图标
在Images.xcassets中设置AppIcon。 添加9个不同大小的图标: 29 pt 29 pt * 2 29 pt * 3 40 pt * 2 40 pt * 3 57分 57 pt * 2 60 pt * 2 60 pt * 3。
图像。Xcassets看起来是这样的:
Android图标
将ic_launcher.png放入[ProjectDirectory]/android/app/src/main/res/mipmap-*/文件夹中。 mimmap -hdpi中的72*72 ic_launcher.png。 mimmap -mdpi中的48*48 ic_launcher.png。 mimmap -xhdpi中的96*96 ic_launcher.png。 144*144 ic_launcher.png mimmap -xxhdpi。 mimmap -xxxhdpi中的192*192 ic_launcher.png。
2019年更新
react native的最新版本也支持圆形图标。对于这种特殊情况,您有两个选择:
A.添加圆形图标: 在每个mipmap文件夹中,在ic_launcher.png文件中添加一个同样大小的圆形版本,称为ic_launcher_round.png。
B.移除圆形图标: 在你的projectfolder /android/app/src/main/AndroidManifest.xml中删除一行android:roundIcon="@mipmap/ic_launcher_round"并保存它。
否则构建将抛出错误。
推荐文章
- 如何设置背景颜色的视图透明在React本地
- iOS如何设置应用程序图标和启动图像
- 我的Windows应用程序的图标应该包括哪些大小?
- Android推送通知:通知中不显示图标,而是显示白色方框
- 如何在文本中发挥省略号的作用
- 如何使用新的材料设计图标主题:轮廓,圆形,双色和尖锐?
- React本机更改默认iOS模拟器设备
- 我如何在Android模拟器中“摇动”Android设备以调出开发菜单来调试我的React Native应用程序
- Eclipse中的图标是什么意思?
- React原生版本不匹配
- ReactJS:最大更新深度超过错误
- 在react-native中“没有捆绑URL”是什么意思?
- 在React Native中更改Android包的名称
- 100%的宽度在React Native Flexbox
- 保存图标:还是软盘?