Добавить Android иконки для React Native Project

Question

Проблема

Я пытаюсь добавить значки в свое приложение React Native для Android, но столкнулся с большой проблемой. Рекомендованный способ в Android документации не работает для меня.

Когда я щелкаю правой кнопкой мыши по папке res в Android Studio, у меня нет возможности создать новый «Актив изображения», как показано в «Android Studio Screenshot» ниже.

Что я попробовал

1. Я создал новый проект React Native для той же версии, которую я использую, и у меня все еще нет возможности создать new "Image Asset"
2. Я также пытался использовать онлайн-генератор иконок Android и копировать каждое изображение для каждой плотности пикселей в соответствующую папку / res / mipmap. Приложение запускается, и изображение, которое я хочу, отображается в виде значка приложения, однако оно не отформатировано должным образом. В прошлом я использовал Android Studio Image Asset creator для правильного форматирования изображения. Как видно из приведенного ниже «Снимка экрана с иконками», он слишком мал и должен занимать весь круг со значком, а не иметь белую границу вокруг него.

Кто-нибудь испытал это и предложил ?

Среда

• React Native 0.61.5
• Android Studio 3.1.3

Android Снимок экрана студии

Значок Снимок экрана

Answer 1

Я выяснил, почему я не смог сгенерировать новый актив изображения из Android Studio!

Мне пришлось обновить систему до новейшей версии Android studio с версии 3.1.3.

Я думаю, это произошло потому, что React Native 0.61.5 использует AndroidX, который может быть несовместим с Android Studio 3.1.3, поэтому он не читает мой проект Android должным образом.

После обновления Android Studio я смог использовать генератор изображений Android Studio и правильно отформатировать значки!

Answer 2

Просто go через этот веб-сайт, чтобы сгенерировать android ресурсов и значков для значка AndroidAssetStudio , а затем просто замените текущую папку этим и переименуйте значки соответствующим образом

Answer 3

В projectName \ android \ app \ src \ main \ AndroidManifest. xml настройка, подобная этой

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

И папка создания файла, подобная этой картинке. Вот мой скриншот проекта