时间戳

首页 > 解决方案 > 将 Android 图标添加到 React Native 项目

javascript - 将 Android 图标添加到 React Native 项目

问题描述

问题

我正在尝试将图标添加到适用于 Android 的 React Native 应用程序，但我遇到了一个大问题。Android 文档中推荐的方法对我不起作用。

当我右键单击 Android Studio 中的 res 文件夹时，我没有创建新的“图像资源”的选项，如下面的“Android Studio 屏幕截图”所示。

我试过的

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

有没有人过期并有建议？

环境

Android Studio 截图 安卓截图

图标截图

在此处输入图像描述

标签： javascriptandroidreactjsreact-nativeicons

解决方案

我发现了为什么我无法从 Android Studio 生成新的图像资源！

我不得不从 3.1.3 升级到最新版本的 Android Studio。

我认为这是因为 React Native 0.61.5 使用的 AndroidX 可能与 Android Studio 3.1.3 不兼容，所以它没有正确读取我的 Android 项目。

升级 Android Studio 后，我就可以使用 Android Studio 的图像资源生成器并正确格式化图标！

推荐阅读