Коли я створюю додаток з flutter createкомандою, логотип flutter використовується як значок програми для обох платформ.

Якщо я хочу , щоб змінити значок програми, я повинен йти на обидва платформах каталогів і замінити зображення там?, Платформи каталогів Я маю в виду myapp/ios/Runner/Assets.xcassets/AppIcon.appiconsetдля прошивки і myapp/android/app/src/main/resдля Android.

Або можна визначити зображення як Flutter Asset, а піктограми генеруються якось ?.

Іконки Flutter Launcher розроблені з метою швидкого створення значків запуску для Android та iOS: https://pub.dartlang.org/packages/flutter_launcher_icons

• Додайте пакет до файлу pubspec.yaml (у рамках свого проекту Flutter), щоб ним скористатися
• У файлі pubspec.yaml вкажіть шлях піктограми, яку ви хочете використовувати для додатка, а потім виберіть, чи бажаєте ви використовувати піктограму для додатка iOS, додатка Android або обох.
• Запустіть пакет
• Вуаля! Піктограми запуску за замовчуванням тепер замінено на ваш спеціальний значок

Я сподіваюся додати відео в GitHub README, щоб продемонструвати його

Відео, що показує, як запустити інструмент, можна знайти тут .

Якщо хтось хоче запропонувати поліпшення / повідомити про помилки, будь ласка додайте це як питання до проекту GitHub .

Оновлення: станом на 24 січня 2018 року ви зможете створювати нові піктограми, не змінюючи попередніх значків запуску у вашому проекті Flutter.

Оновлення 2: Станом на v0.4.0 (8 червня 2018 р.) Ви можете вказати одне зображення для піктограми Android та окреме зображення для вашої піктограми iOS.

Оновлення 3: Станом на v0.5.2 (20 червня 2018 року) тепер ви можете додати адаптивні піктограми запуску для програми Android для вашого проекту Flutter

Встановлення піктограм запуску, як рідний розробник

У мене виникли проблеми з використанням та розумінням пакету flutter_launcher_icons . Ця відповідь - як би ви це зробили, якби створювали додаток для Android або iOS на самому собі. Це досить швидко і легко, як тільки ви це зробили кілька разів.

Android

Піктограми запуску Android мають передній план і фоновий шар.

(зображення адаптоване з документації на Android )

Найпростіший спосіб створення піктограм запуску для Android - це використання студії Asset, яка доступна прямо в Android Studio. Вам навіть не потрібно залишати свій проект Flutter. (Користувачі VS-коду, ви можете розглянути можливість використання Android Studio саме для цього кроку. Це дуже зручно, і не шкода бути знайомим з іншим IDE.)

Клацніть правою кнопкою миші на androidпапці в структурі проекту. Перейдіть до пункту Нове> Активність зображення . (Спробуйте клацнути правою кнопкою миші android/appпапку, якщо ви не бачите Image Asset як опцію.) Тепер ви можете вибрати зображення, з якого буде створено піктограму запуску.

Примітка: Я зазвичай використовую 1024x1024піксельне зображення, але ви, звичайно, не повинні використовувати нічого менше 512x512. Якщо ви використовуєте Gimp або Inkscape, у вас має бути два шари, один для переднього плану та один для фону. Зображення переднього плану повинно мати прозорі ділянки для фонового шару.

(лев кліпарт звідси )

Це замінить поточні піктограми запуску. Ви можете знайти згенеровані іконки у mipmapпапках:

Якщо ви хочете створити піктограми запуску вручну, див. Цю відповідь .

Нарешті, переконайтесь, що назва піктограми запуску в AndroidManifest збігається з тим, що ви його назвали вище ( ic_launcherза замовчуванням):

application android:icon="@mipmap/ic_launcher"

Запустіть додаток в емуляторі, щоб підтвердити, що піктограма запуску була створена успішно.

iOS

Я завжди вручну змінював розмір значків iOS вручну, але якщо у вас Mac, у магазині додатків Mac є безкоштовне додаток під назвою Icon Set Creator . Ви надаєте йому зображення (принаймні 1024x1024пікселів), і воно виплюне всі потрібні вам розміри (плюс Contents.jsonфайл). Завдяки цій відповіді за пропозицію.

Значки iOS не повинні мати прозорості. Дивіться більше вказівок тут .

Після того, як ви створили набір іконок, запустіть Xcode (припустимо, що у вас Mac) та використовуйте його, щоб відкрити iosпапку у вашому проекті Flutter. Потім перейдіть до Runner> Assets.xcassets і видаліть елемент AppIcon.

Після цього клацніть правою кнопкою миші і виберіть Імпорт ... . Виберіть набір іконок, який ви тільки що створили.

Це воно. Переконайтесь, що піктограма створена за допомогою програми в тренажері.

Якщо у вас немає Mac ...

Ви можете створити всі зображення вручну. У своєму проекті Flutter перейдіть до ios/Runner/Assets.xcassets/AppIcon.appiconset.

Необхідні розміри зображень - це помножені розміри у назві файлу. Наприклад, Icon-App-29x29@3x.pngбули б 29часи 3, тобто 87пікселі квадратні. Вам потрібно зберегти однакові імена значків або відредагувати файл JSON.

Виконайте прості дії:

1. Додати flutter_launcher_iconsплагін доpubspec.yaml

напр

dev_dependencies: 
  flutter_test:
    sdk: flutter

  flutter_launcher_icons: ^0.7.5

flutter_icons:
  image_path: "icon/icon.png" 
  android: true
  ios: true

2. Підготуйте значок програми для вказаного шляху. e.g. icon/icon.png

3. Виконайте команду на терміналі для створення піктограм додатків:

$ flutter pub get

$ flutter pub pub run flutter_launcher_icons:main

Щоб перевірити всі наявні параметри та встановити різні значки для android та iOS, зверніться до цього

Сподіваюся, що ця воля допоможе іншим.

Ви повинні замінити файли значків Flutter на власні зображення. Цей сайт допоможе вам перетворити ваш png у піктограму запуску різних розмірів:

https://romannurik.github.io/AndroidAssetStudio/icons-launcher.html

Я б запропонував вам скористатися цим веб-сайтом, пов’язаним нижче

Творця програм Icon

Крок 1: завантажте зображення,

Крок 2: Внесіть необхідні зміни та натисніть на завантаження (не змінюйте ім'я файлу)

Крок 3: Витягніть завантажений Zip-файл у відповідну папку

android/app/src/main/res

Я змінив його в наступних кроках:

1) додайте цю залежність на свою сторінку pubspec.yaml

 dev_dependencies:
  flutter_test:
    sdk: flutter
  flutter_launcher_icons: ^0.7.4

2) ви повинні завантажити зображення / піктограму в проект, який ви хочете бачити як значок запуску. (Я створив ім'я папки: image у моєму проекті, потім завантажуйте logo.png у папку із зображеннями). Тепер вам потрібно додати наведені нижче коди та вставити шлях зображення на image_path: на сторінку pubspec.yaml.

flutter_icons:
  image_path: "images/logo.png"
  android: true
  ios: true

3) Перейдіть до терміналу і виконайте цю команду:

flutter pub get

4) Після виконання команди потім введіть команду нижче:

flutter pub run flutter_launcher_icons:main

5) Зроблено

Примітка: (звичайно, додайте оновлену залежність від

https://pub.dev/packages/flutter_launcher_icons#-installing-tab-

)

Найкращий та рекомендований спосіб встановити піктограму програми у Flutter.

Я знайшов один плагін, щоб встановити піктограму програми у флейтері під назвою "flutter_launcher_icons". Цей плагін ми будемо використовувати, щоб задати піктограму програми.

1. Додайте цей плагін у файл pubspec.yaml у кореневому каталозі проекту. Перевірте код нижче,

   залежності:
   flutter:
   sdk: flutter cupertino_icons: ^
   0.1.2
   flutter_launcher_icons: ^ 0.7.2 + 1

Збережіть файл і запустіть пурпурний паб на терміналі.

2. Створіть активи папки в корені проекту, в активах папок також створіть значок папки та помістіть піктограму програми у цю папку. Я порекомендую користувачеві розмір піктограми 1024x1024. Я розмістив піктограму додатка всередині папки значків, і тепер у мене є шлях до значка додатка як активи / icon / icon.png

3. Тепер у pubspec.yaml додайте код нижче,

   flutter_icons:
   android: "launcher_icon"
   ios: true
   image_path: "активи / значок / icon.png"

4. Збережіть файл і запустіть пурпурний паб на терміналі. Після виконання команди запустіть другу команду, як показано нижче

   flutter pub run flutter_launcher_icons: main -f pubspec.yaml

Потім запустіть додаток

Найкращий спосіб - змінити піктограми запуску окремо для iOS та Android.

Змініть піктограми в iOS та Android модулі окремо. Плагін створює піктограми різного розміру з одного і того ж значка, які спотворені.

Перейдіть за цим посиланням: https://flutter.dev/docs/deployment/android

ви можете досягти цього, використовуючи flutter_launcher_icons в pubspec.yaml

інший спосіб - використовувати один для android та інший для iOS