文章/答案/技术大牛

发布

社区首页 >问答首页 >颤振网，加载颤振网后隐藏飞溅屏

问颤振网，加载颤振网后隐藏飞溅屏
EN

Stack Overflow用户

提问于 2021-11-15 15:45:20

回答 2查看 421关注 0票数 1

随着颤振网络启动，它可能需要几秒钟启动和开始渲染主页。因此，我在index.html中添加了一个旋转器，以向用户指示一切正常。

在index.html中(我已经简化了)

<body>
<div class="spinner"></div>
.
.
.
</body>

然后，当main.dart.js完全加载时，我需要侦听一个事件，以删除spinner元素。有人知道我该听什么吗？(我说的是javascript事件，我可以从index.html中获益)我不能听windows.onload，因为它在启动之前就会触发。

flutter

flutter-web

回答 2

Stack Overflow用户

回答已采纳

发布于 2022-01-18 09:44:31

事件名为flutter-first-frame。在index.html中添加下面的脚本，当颤振框架完全加载时，它将删除id：spinner (加载指示符)元素。

<script>
 window.addEventListener('flutter-first-frame', function () {
   var el = document.getElementsByClassName('spinner')[0];
   el.remove();
 });
</script>

票数 1

Stack Overflow用户

发布于 2022-01-06 15:43:58

使用js包从Flutter调用js函数，该函数移除旋转器：

@JS()
library loading;

import 'package:js/js.dart';

@JS("stopLoading")
external void stopLoading();

在你的index.html里

<script>
function stopLoading() {
  ...
}
</script>

票数 1

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/69977096

复制

相似问题

问颤振网，加载颤振网后隐藏飞溅屏
EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问颤振网，加载颤振网后隐藏飞溅屏EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问颤振网，加载颤振网后隐藏飞溅屏
EN