Я создал новый веб-проект Fluter, но не вижу кнопки установки PWA. Что мне не хватает?
Новый проект без кнопки установки
Пример кнопки на старом веб-сайте, созданном во Flutter
Что мне следует сделать, чтобы эта кнопка появилась и в моем новом приложении?
flutter doctor
Doctor summary (to see all details, run flutter doctor -v):
[✓] Flutter (Channel stable, 3.19.6, on macOS 14.0 23A344 darwin-x64, locale en-GB)
[✓] Android toolchain - develop for Android devices (Android SDK version 30.0.3)
[✓] Xcode - develop for iOS and macOS (Xcode 15.2)
[✓] Chrome - develop for the web
[✓] Android Studio (version 2023.2)
[✓] VS Code (version 1.87.2)
[✓] Connected device (2 available)
[✓] Network resources
• No issues found!
Пробовал пересобрать веб-версию, но безуспешно.
[Редактировать]:
Спасибо, @Амир. Проблема заключалась в несоответствующих размерах изображений.
Вот наш обновленный и работающий файл манифеста.json:
{
"name": "OurName",
"short_name": "OurName",
"start_url": ".",
"display": "standalone",
"background_color": "#0175C2",
"theme_color": "#0175C2",
"description": "OurDescription",
"orientation": "portrait-primary",
"prefer_related_applications": false,
"icons": [
{
"src": "icons/Icon-192.png",
"sizes": "192x192",
"type": "image/png"
},
{
"src": "icons/Icon-512.png",
"sizes": "512x512",
"type": "image/png"
},
{
"src": "icons/Icon-maskable-192.png",
"sizes": "192x192",
"type": "image/png",
"purpose": "any"
},
{
"src": "icons/Icon-maskable-512.png",
"sizes": "512x512",
"type": "image/png",
"purpose": "any"
}
],
"screenshots": [
{
"src": "source/image1.png",
"sizes": "540x720",
"type": "image/png",
"form_factor": "narrow"
}
]
}
Я уже сталкивался с этим и решил это Эта проблема связана с вашим манифестом (моя проблема связана с моим путем к значкам)
вам следует отладить его на этой вкладке проверки Chrome:
Пожалуйста, поделитесь своим манифестом.json. Кроме того, вы можете проверить с помощью devTools, не хватает ли чего-то в вашем приложении для установки.