Flutter web, как закрыть или отклонить indext.html после загрузки приложения

#flutter #flutter-web

#трепетать #трепещущая паутина #flutter #flutter-web

Вопрос:

Я настроил indext.html файл и добавил загрузку и изображение внутри него, после загрузки приложения мой MaterialApp появляется и закрывает indext.html файл (выглядит нормально), но если я использую прозрачный виджет для своей страницы, я могу видеть загрузку и изображение indext.html под моим приложением material! Поскольку они потребляют ресурсы, как я могу остановить свое состояние загрузки indext.html при загрузке приложения?

Комментарии:

1. поместите скрипт js в index.html который выгружает все элементы, которые не нужны

2. @Yadu, я не веб-разработчик, не могли бы вы предоставить фрагмент кода для этого?

Ответ №1:

Благодаря @Yadu я нашел решение: сначала установите id в div s, которые будут скрываться (удаляться):

 <div id="div1">
  ...
</div>
  

Затем в нижней части index.html файла измените script файл, предоставляемый flutter, следующим образом:

 <script>
      if ("serviceWorker" in navigator) {
        window.addEventListener("load", function () {
          navigator.serviceWorker.register("flutter_service_worker.js");
          var div1 = document.getElementById("div1");

          setTimeout(function() { 
            div1.remove(); 
          }, 7000); // remove div by delay to make sure flutter module is completely loaded
        });
      }
    </script>