将 Android 图标添加到 React Native 项目答案

【问题标题】：Add Android Icons to React Native Project将 Android 图标添加到 React Native 项目
【发布时间】：2020-03-27 05:42:23
【问题描述】：

问题

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

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

我的尝试

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

有人过期了，有什么建议吗？

环境

Android Studio 截图

图标截图

【问题讨论】：

【解决方案1】：

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

我必须从 3.1.3 升级到最新版本的 Android Studio。

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

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

【讨论】：

【解决方案2】：

在项目名称\android\app\src\main\AndroidManifest.xml 像这样设置

<application
 ...
      android:icon="@mipmap/picturename"  //(Mine without ".png" is work fine)
 ...
>

然后像这张图片一样创建文件夹。 Here is my project screenshot

【讨论】：

我在我的 AndroidManifest 中有正确命名的图标。我的问题是它们正在显示但格式不正确，因为我无法在 Android Studio 中使用图像资产创建器。您对这种具体情况有什么建议吗？
也许您可以使用 adobe XD 导出图片。选择 export android 将呈现您需要的图片的所有 dpi。那是你需要的吗？或者你的意思是图片的形状？
如果你的意思是形状和面具。 developer.android.com/google-play/resources/…对我来说，我只是寻找它设计的蒙版，并且在区域外设置所有相同的颜色，它应该在手机上自动蒙版。

【解决方案3】：

只需通过此网站生成图标的 android 资产和图标 AndroidAssetStudio 然后用这个替换你当前的文件夹并相应地重命名图标

【讨论】：

【解决方案4】：

在我的情况下，原因是Android Studio无法成功构建gradle（错误和解决方案可以在this SO post找到）。

一旦 Android Studio 能够构建 gradle，我就可以看到“Image Asset”。

【讨论】：