我正在做一个React Native应用程序。我想自定义应用程序图标(意味着你点击启动应用程序的图标)。我在谷歌上搜索过,但我一直在寻找不同类型的图标,它们指的是不同的东西。如何将这些类型的图标添加到应用程序中?
当前回答
如果你使用的是expo,在你的项目中放置一个1024 * 1024的png文件 在app.json中添加一个图标属性。“图标”:“。/ src /资产/程序”
https://docs.expo.io/versions/latest/guides/app-icons
其他回答
我将使用一个服务来正确缩放图标。http://makeappicon.com/似乎不错。使用较大尺寸的图像,因为放大较小的图像会导致较大的图标像素化。该网站将为你提供iOS和Android的尺寸。
从那里,它只是一个设置图标的问题,就像你会一个普通的本地应用程序。
https://help.apple.com/xcode/mac/8.0/#/dev10510b1f7
设置Android应用程序图标
我遵循了他的建议并使用android Asset Studio在react-native android项目中添加了应用图标
以下是为防止链接失效而转录的内容:
如何在React-Native Android上传应用程序图标
1)上传你的图像到Android Asset Studio。 选择任何你想应用的效果。该工具为您生成一个zip文件。点击下载。zip。
2)在你的机器上解压缩文件。然后拖动你想要的图片到你的/android/app/src/main/res/文件夹。确保将每个图像放在正确的子文件夹mipmap-{hdpi, mdpi, xhdpi, xxhdpi, xxxhdpi}。
3)不要(像我最初做的那样)天真地将整个文件夹拖放到你的res文件夹上。因为你可能会删除你的/res/values/{strings,styles}.xml文件。
使用这个库可以使您的工作更容易。 它将自动化您的图标生成过程
https://www.npmjs.com/package/@bam.tech/react-native-make
这有助于人们努力寻找更好的网站来生成图标和飞溅屏幕
制作应用图标(android和ios都有用) APE工具(android和ios都有用) 图标集创建器(仅适用于ios) android Asset Studio(仅适用于android +推荐*)
你可以导入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'
/>
);
}
推荐文章
- 如何在。net中创建和使用资源
- 如何在React Native中浮动?
- 在React Native中获取一个视图的大小
- Axios获取url工作,但第二个参数作为对象,它不
- 什么是useState()在React?
- 在反应本地设置环境变量?
- 如何设置背景颜色的视图透明在React本地
- iOS如何设置应用程序图标和启动图像
- 我的Windows应用程序的图标应该包括哪些大小?
- Android推送通知:通知中不显示图标,而是显示白色方框
- 如何在文本中发挥省略号的作用
- 如何使用新的材料设计图标主题:轮廓,圆形,双色和尖锐?
- React本机更改默认iOS模拟器设备
- 我如何在Android模拟器中“摇动”Android设备以调出开发菜单来调试我的React Native应用程序
- Eclipse中的图标是什么意思?