我正在做一个React Native应用程序。我想自定义应用程序图标(意味着你点击启动应用程序的图标)。我在谷歌上搜索过,但我一直在寻找不同类型的图标,它们指的是不同的东西。如何将这些类型的图标添加到应用程序中?
当前回答
这有助于人们努力寻找更好的网站来生成图标和飞溅屏幕
制作应用图标(android和ios都有用) APE工具(android和ios都有用) 图标集创建器(仅适用于ios) android Asset Studio(仅适用于android +推荐*)
其他回答
在React-Native项目中为Android设备设置应用程序启动图标:
Take a high resolution image of your logo and place it inside your project directory. Preferably in [Project-DIR]/android/app/src/main/res/ Open Android Studio and run your React-native project. In Android Studio's Project window, select the Android view Right-click the res folder and select New > Image Asset A "Configure Image Asset" window will open; Locate your high resolution image and place set it as your "Foreground layer". Set your "Background Layer" if applicable Click "Next" and continue to finish. Run your application again to see the new app launch icon.
官方文档可以在这里找到:https://developer.android.com/studio/write/image-asset-studio
就像Rockvic所说的,iOS和Android需要不同大小的图标。此外,如果有人感兴趣,我推荐这个网站生成不同大小的图标。你不需要下载任何东西,它工作得很完美。
https://resizeappicon.com/
希望能有所帮助。
我想建议使用react-native-vector-icons将图标导入到您的项目。当你使用矢量图标时,你不需要担心图标缩放方面。在使用该软件包时,您可以使用所有流行的图标集,如fontawesome, ionicons等。
除了这些图标集,你也可以把你自己的图标打包为一个ttf文件,你可以直接导入到android和ios项目react-native项目。您可以使用相同的react-native-vector-icons库来管理这些图标
下面是设置自定义图标的详细过程
https://medium.com/bam-tech/add-custom-icons-to-your-react-native-application-f039c244386c
如果你使用的是expo,在你的项目中放置一个1024 * 1024的png文件 在app.json中添加一个图标属性。“图标”:“。/ src /资产/程序”
https://docs.expo.io/versions/latest/guides/app-icons
使用这个库可以使您的工作更容易。 它将自动化您的图标生成过程
https://www.npmjs.com/package/@bam.tech/react-native-make
推荐文章
- 如何设置电子/原子壳应用程序的应用程序图标
- 在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?