小编jan*_*nik的帖子

Flutter Web 监听通过 iFrame 发布的事件

我的目标是在我的主页上的iframe的帮助下集成一个 flutter 小部件。主页不是用flutter写的。但是,我需要一个界面,通过该界面主页可以与小部件进行通信。所以我想到在主页上使用postMessage()并在 flutter widget 中使用html.window.addEventListener() 。现在我在 flutter 中收到一个事件,但看不到它的内容。我的临时解决方案是将消息保存在本地存储中,并仅使用侦听器作为通知程序,但我不太喜欢这种方法。有人对我的问题有更好的解决方案吗?

i框架测试

颤振测试小部件:

// ignore: avoid_web_libraries_in_flutter
import 'dart:html' as html;
import 'package:simple_cookies/simple_cookies.dart';


 class MessageListener extends StatefulWidget {
      @override
      _MessageListenerState createState() => _MessageListenerState();
  }

class _MessageListenerState extends State<MessageListener> {
  String last;

  @override
  void initState() {
    html.window.addEventListener('message', listen, true);
    super.initState();
  }

  @override
  void dispose() {
    html.window.removeEventListener('message', listen, true);
    super.dispose();
  }

  void listen(html.Event event) {
    last = Cookies.get('iframe_message') ?? 'Error';
    setState(() {});
  }

  @override
  Widget build(BuildContext …
Run Code Online (Sandbox Code Playgroud)

iframe postmessage local-storage flutter flutter-web

14
推荐指数
1
解决办法
9530
查看次数

有没有办法自动滚动到 ListView.builder 中的元素?

我的目标是在我点击 GoogleMaps 中的标记时滚动到正确的人。每个标记都已经保存了对列表中相应索引的引用,但我不知道如何让列表自行滚动。谢谢你的帮助 :)

地图和水平列表截图

dart flutter

5
推荐指数
2
解决办法
2822
查看次数

标签 统计

flutter ×2

dart ×1

flutter-web ×1

iframe ×1

local-storage ×1

postmessage ×1