我正在做一个React Native应用程序。我想自定义应用程序图标(意味着你点击启动应用程序的图标)。我在谷歌上搜索过,但我一直在寻找不同类型的图标,它们指的是不同的东西。如何将这些类型的图标添加到应用程序中?
当前回答
Android Studio有一个非常方便的图标资产向导,叫做Image asset Studio(用户指南)。它是不言自明的,有一些方便的效果,它是内置的:
截图来自Windows 10上的Android Studio 4.1.3
其他回答
Android应用图标: 访问这个网站https://appicon.co/
添加图像和生成图标,应该下载 解压文件夹 在他们的副本中,所有AppIcons/android/文件夹(即文件夹 名称:mipmap-xxxhdpi mipmap-xxhdpi mipmap-xhdpi, mipmap-hdpi mipmap-mdpi) 将上述复制的文件夹粘贴到{rootFolder}/android/app/src/main/res/ 并替换现有的 从AndroidManifest.xml中删除这一行 (android: roundIcon =“@mipmap / ic_launcher_round”)
图标添加成功
更改IOS应用程序图标: 访问这个网站https://appicon.co/
添加图像和生成图标,应该下载 解压文件夹 在他们的副本中,所有的文件夹在AppIcons/Assets中。xcassets /(即。 AppIcon。appiconset文件夹) 粘贴AppIcon。Appiconset文件夹 {rootFolder} / ios / {projectname} /图像。Xcassets /和替换现有的
图标添加成功
Android Studio有一个非常方便的图标资产向导,叫做Image asset Studio(用户指南)。它是不言自明的,有一些方便的效果,它是内置的:
截图来自Windows 10上的Android Studio 4.1.3
你可以导入react-native-elements,并在你的react native应用程序中使用font-awesome图标
安装
npm install --save react-native-elements
然后把它导入到你想要使用图标的地方
import { Icon } from 'react-native-elements'
像这样使用它
render() {
return(
<Icon
reverse
name='ios-american-football'
type='ionicon'
color='#517fa4'
/>
);
}
这有助于人们努力寻找更好的网站来生成图标和飞溅屏幕
制作应用图标(android和ios都有用) APE工具(android和ios都有用) 图标集创建器(仅适用于ios) android Asset Studio(仅适用于android +推荐*)
我个人使用这个链接来生成我想要的图标https://appicon.co/
以及用于在应用程序内部导入。
IOS设置
点击Xcode ==>中的项目
然后在左边你会看到你的点击==>
现在您将看到子文件名Images。Xcassets点击==>
您的图标大小将显示在右侧窗口==>
只需拖放我们从https://appicon.co/ ==>生成的图标
你的IOS图标设置完成了。
转向Android
我们会用到Android ==> app ==> src ==> main ==> res
这里有命名为mimmap -hdpi的多个文件夹,直到xxxhdpi ==>
将图标从特定文件夹拖动到项目特定文件夹。 编码快乐!
推荐文章
- 我的Windows应用程序的图标应该包括哪些大小?
- Android推送通知:通知中不显示图标,而是显示白色方框
- 如何在文本中发挥省略号的作用
- 如何使用新的材料设计图标主题:轮廓,圆形,双色和尖锐?
- React本机更改默认iOS模拟器设备
- 我如何在Android模拟器中“摇动”Android设备以调出开发菜单来调试我的React Native应用程序
- Eclipse中的图标是什么意思?
- React原生版本不匹配
- ReactJS:最大更新深度超过错误
- 在react-native中“没有捆绑URL”是什么意思?
- 在React Native中更改Android包的名称
- 100%的宽度在React Native Flexbox
- 保存图标:还是软盘?
- React本机文本离开我的屏幕,拒绝包装。怎么办呢?
- 无法加载脚本。确保你要么运行Metro服务器,要么运行你的捆绑包index.android。Bundle '被正确地打包以便发布