Как изменить цвет строки меню, когда веб-приложение флаттера устанавливается как PWA? - PullRequest
Новая
       31

Как изменить цвет строки меню, когда веб-приложение флаттера устанавливается как PWA?

0 голосов
/ 14 апреля 2020

Я создал веб-приложение для флаттера. Когда я устанавливаю это приложение как прогрессивное веб-приложение по URL-адресу, цвет строки меню не совпадает с цветом, указанным в файле манифеста.

Это файл manifest.json: 

{
    "short_name": "Lorem",
    "name": "Lorem Ipsum",
    "description": "Neque porro quisquam est qui dolorem ipsum",
    "icons": [
        {
            "src": "icons/Icon-192.png",
            "sizes": "192x192",
            "type": "image/png"
        },
        {
            "src": "icons/Icon-512.png",
            "sizes": "512x512",
            "type": "image/png"
        }
    ],
    "start_url": "/",
    "background_color": "#393557",
    "theme_color": "#393557",
    "display": "minimal-ui",
    "orientation": "portrait-primary"
}

Это мой index.html файл: 

<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <meta content="IE=Edge" http-equiv="X-UA-Compatible">
  <meta name="description" content="Neque porro quisquam est qui dolorem ipsum">
  <meta name="robots" content="noindex">

  <!-- iOS meta tags & icons -->
  <meta name="apple-mobile-web-app-capable" content="yes">
  <meta name="apple-mobile-web-status-bar-style" content="black">
  <meta name="apple-mobile-web-app-title" content="Lorem ipsum">
  <meta id="flutterweb-theme" name="theme-color" content="#393557">
  <link rel="apple-touch-icon" href="/icons/Icon-192.png">

  <title>Lorem ipsum</title>
  <link rel="manifest" href="/manifest.json">
</head>
<body id="app-container">
  <!-- This script installs service_worker.js to provide PWA functionality to
       application. For more information, see:
       https://developers.google.com/web/fundamentals/primers/service-workers -->
  <script>
    if ('serviceWorker' in navigator) {
      window.addEventListener('load', function () {
        navigator.serviceWorker.register('/flutter_service_worker.js');
      });
    }
  </script>
    <script src="main.dart.js" type="application/javascript"></script>
</body>
</html>

Чего не хватает? Любая помощь будет отличной. Спасибо!

...