Я написал генератор для автоматического создания значков для вашего приложения react native из одного файла значков:https://blog.бам.техник/девелопер-Новости/Как-создать-свой-реагировать родной-приложения-иконки-в-один-командной строки.

он генерирует ваши активы, а также правильно добавляет их в ваш проект ios и android.

установки

вам нужно node 6 установлен и image-magick.

установите генератор с

npm install -g yo generator-rn-toolbox

использовать

есть один файл значка наготове где-то. 200x200px достаточно.

затем в вашем проекте React Native запустите:

yo rn-toolbox:assets --icon <path to your icon>
# For instance
yo rn-toolbox:assets --icon ../icon.png

вам будет предложено указать имя вашего проекта react-native. Например, если вы создали свой проект с react-native init MyAwesomeProject ваше название проекта -MyAwesomeProject.

когда вас спрашивают,? Overwrite ios/MyAwesomeProject/Images.xcassets/AppIcon.appiconset/Contents.json?, ответить с Я.

и... Это это!

надеюсь, что это может быть полезно для других :)

Я бы использовал сервис для правильного масштабирования значка. http://makeappicon.com/ кажется хорошим. Используйте изображение большего размера, поскольку масштабирование меньшего изображения может привести к пикселизации больших значков. Этот сайт даст вам размеры как для iOS, так и для Android.

оттуда его просто вопрос установки значка, как вы бы обычный родной приложение.

https://developer.apple.com/library/ios/recipes/xcode_help-image_catalog-1.0/chapters/AddingLaunchImagestoanAssetCatalog.html

установить значок для приложения android

я смог добавить значок приложения в свой проект react-native android, следуя совет этого парня и с помощью Android Asset Studio

вот она, расшифрованная на случай, если связь оборвется:

как загрузить значок приложения в React-Native Android

1) Загрузите свое изображение в Android Asset Studio. Выберите любые эффекты, которые вы хотели бы применить. Программа создает zip-файл, для вас. Щелчок Скачать.Застежка-молния.

2) распакуйте архив на вашем компьютере. Затем перетащите изображения, которые вы хотите, чтобы ваш . Убедитесь в том, чтобы поставить каждого изображения в нужную папку mipmap-{hdpi, mdpi, xhdpi, xxhdpi, xxxhdpi}.

3) Не надо (как я изначально делал) наивно перетаскивать всю папку поверх папки res. Как вы можете удалить ваш /res/values/{strings,styles}.xml файлы в целом.

кто-то сделал очень простой в использовании инструмент для этой задачи: https://www.npmjs.com/package/react-native-icon

этот простой инструмент позволяет создать один значок в вашем проекте react-native, а затем создавать из него значки всех необходимых размеров. В настоящее время он работает для iOS и Android.

Я использовал его. Сделал 512x512 png, а затем запустил этот инструмент и бум, сделано. Супер-легкий.

вам понадобятся значки разных размеров для iOS и Android, как сказал Rockvic. Кроме того, я рекомендую этот сайт для создания иконок разного размера, если кто-то заинтересован. Вам не нужно ничего скачивать, и он отлично работает.

https://resizeappicon.com/

надеюсь, что это помогает.

приходя немного поздно здесь, но Android Studio имеет очень удобный мастер значок активов. Его очень понятно, но имеет несколько удобных эффектов и его встроенный прямо в: