我正在做一个React Native应用程序。我想自定义应用程序图标(意味着你点击启动应用程序的图标)。我在谷歌上搜索过,但我一直在寻找不同类型的图标,它们指的是不同的东西。如何将这些类型的图标添加到应用程序中?
当前回答
更新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”)
其他回答
你可以导入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'
/>
);
}
有人专门为这项任务制作了一个非常容易使用的工具:https://www.npmjs.com/package/app-icon
这个简单的工具允许您在react-native项目中创建单个图标,然后从它创建所有所需大小的图标。它目前适用于iOS和Android。
我用过。制作一个512x512的png文件,然后运行该工具,完成。超级简单。
我个人使用这个链接来生成我想要的图标https://appicon.co/
以及用于在应用程序内部导入。
IOS设置
点击Xcode ==>中的项目
然后在左边你会看到你的点击==>
现在您将看到子文件名Images。Xcassets点击==>
您的图标大小将显示在右侧窗口==>
只需拖放我们从https://appicon.co/ ==>生成的图标
你的IOS图标设置完成了。
转向Android
我们会用到Android ==> app ==> src ==> main ==> res
这里有命名为mimmap -hdpi的多个文件夹,直到xxxhdpi ==>
将图标从特定文件夹拖动到项目特定文件夹。 编码快乐!
就像Rockvic所说的,iOS和Android需要不同大小的图标。此外,如果有人感兴趣,我推荐这个网站生成不同大小的图标。你不需要下载任何东西,它工作得很完美。
https://resizeappicon.com/
希望能有所帮助。
Android Studio有一个非常方便的图标资产向导,叫做Image asset Studio(用户指南)。它是不言自明的,有一些方便的效果,它是内置的:
截图来自Windows 10上的Android Studio 4.1.3
推荐文章
- 如何设置电子/原子壳应用程序的应用程序图标
- 在react native中隐藏/显示组件
- React-Native:应用程序未注册错误
- 禁用react native按钮
- Android加载JS包失败
- 在React Native中使用Fetch授权头
- 如何在React中使用钩子强制组件重新渲染?
- 在应用程序启动时出现“无法获得BatchedBridge,请确保您的bundle被正确打包”的错误
- 在没有开发服务器的情况下在设备上构建和安装unsigned apk ?
- 网络请求失败
- 如何在。net中创建和使用资源
- 如何在React Native中浮动?
- 在React Native中获取一个视图的大小
- Axios获取url工作,但第二个参数作为对象,它不
- 什么是useState()在React?