我正在做一个React Native应用程序。我想自定义应用程序图标(意味着你点击启动应用程序的图标)。我在谷歌上搜索过,但我一直在寻找不同类型的图标,它们指的是不同的东西。如何将这些类型的图标添加到应用程序中?
当前回答
我将使用一个服务来正确缩放图标。http://makeappicon.com/似乎不错。使用较大尺寸的图像,因为放大较小的图像会导致较大的图标像素化。该网站将为你提供iOS和Android的尺寸。
从那里,它只是一个设置图标的问题,就像你会一个普通的本地应用程序。
https://help.apple.com/xcode/mac/8.0/#/dev10510b1f7
设置Android应用程序图标
其他回答
如果你想在React Native上导入图标而不需要图片,那么React - Native -vector-icons将是最好的选择。如果您不想下载图标并在项目中使用它,您可以使用它。
有人专门为这项任务制作了一个非常容易使用的工具:https://www.npmjs.com/package/app-icon
这个简单的工具允许您在react-native项目中创建单个图标,然后从它创建所有所需大小的图标。它目前适用于iOS和Android。
我用过。制作一个512x512的png文件,然后运行该工具,完成。超级简单。
就像Rockvic所说的,iOS和Android需要不同大小的图标。此外,如果有人感兴趣,我推荐这个网站生成不同大小的图标。你不需要下载任何东西,它工作得很完美。
https://resizeappicon.com/
希望能有所帮助。
如果你使用的是expo,在你的项目中放置一个1024 * 1024的png文件 在app.json中添加一个图标属性。“图标”:“。/ src /资产/程序”
https://docs.expo.io/versions/latest/guides/app-icons
我个人使用这个链接来生成我想要的图标https://appicon.co/
以及用于在应用程序内部导入。
IOS设置
点击Xcode ==>中的项目
然后在左边你会看到你的点击==>
现在您将看到子文件名Images。Xcassets点击==>
您的图标大小将显示在右侧窗口==>
只需拖放我们从https://appicon.co/ ==>生成的图标
你的IOS图标设置完成了。
转向Android
我们会用到Android ==> app ==> src ==> main ==> res
这里有命名为mimmap -hdpi的多个文件夹,直到xxxhdpi ==>
将图标从特定文件夹拖动到项目特定文件夹。 编码快乐!
推荐文章
- 如何设置电子/原子壳应用程序的应用程序图标
- 在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?