在React Native项目中添加Android图标

18 浏览
0 Comments

在React Native项目中添加Android图标

问题:

我正试图为我的React Native Android应用添加图标,但是遇到了一个大问题。在Android文档中推荐的方法对我不起作用。

当我在Android Studio中右键点击res文件夹时,我没有创建新的"Image Asset"选项,就像下面的"Android Studio截图"中所示。

我尝试过的方法:

  1. 我在相同版本上创建了一个新的React Native项目,仍然没有创建新的"Image Asset"选项。
  2. 我还尝试使用在线的Android图标生成器,并将每个像素密度的图像复制到相应的/res/mipmap文件夹中。应用程序启动并且我想要的图像显示为应用程序图标,但它的格式不正确。过去我使用Android Studio的Image Asset创建器来正确格式化图像。正如你从下面的"图标截图"中可以看到的,它太小了,应该占据整个图标圆圈,而不是有白色边框。

有人经历过这个问题并有建议吗?

环境:

  • React Native 0.61.5
  • Android Studio 3.1.3

Android Studio截图:

Android Screenshot

图标截图:

enter image description here

0
0 Comments

问题出现的原因是需要在React Native项目中添加Android图标,但是缺乏相关的资源和知识。

解决方法是使用Android Asset Studio网站来生成Android资源和图标,具体步骤如下:

1. 打开Android Asset Studio网站(https://romannurik.github.io/AndroidAssetStudio/icons-launcher.html)。

2. 在网站上生成所需的Android图标和资源,可以根据自己的需求选择不同的图标类型和设置。

3. 生成完毕后,下载生成的图标和资源文件。

4. 将下载的图标和资源文件替换React Native项目中原有的图标文件夹,并根据需要进行重命名。

通过以上步骤,就可以在React Native项目中成功添加Android图标。

0
0 Comments

问题的原因是Android图标在React Native项目中无法正确格式化显示,因为无法使用Android Studio中的Image Asset创建工具。解决方法是使用Adobe XD导出图片,并选择导出Android格式,以渲染所需的所有dpi。如果问题是关于图片的形状和遮罩,可以参考developer.android.com/google-play/resources/icon-design-specifications中的说明。只需查找设计的遮罩,并在遮罩区域外设置相同的颜色,手机上会自动进行遮罩处理。

0
0 Comments

问题原因:React Native 0.61.5 使用的是 AndroidX,而 Android Studio 3.1.3 可能不兼容 AndroidX,导致无法正确读取 Android 项目。

解决方法:升级到最新版本的 Android Studio。升级后,可以使用 Android Studio 的图像资源生成器,并正确格式化图标。

0