让你的 Flutter 文档支持实时示例（通过 Flutter Widget Livebook 实现）

前言

上周末发布了 Flutter Widget Livebook（一个使用 Flutter for web 构建的可在线实时预览 Widget 示例的网站），到现在 PV 已经接近 30k 了。虽然网站已经拥有了一百多个示例了，但是实际上大家应该不会一下子把所有示例一起看完了，所以就开发了这个 Chrome 插件，可以在你需要访问 Flutter 文档的时候将 Flutter Widget Livebook 的示例插入到文档中，更加方便你了解每个 Widget 的实际效果。

安装插件

通过 chrome web store 获取

https://chrome.google.com/webstore/detail/flutter-widget-livebook/lnabimpogllgckbeoneoegflahpefomf

通过源码安装

$ git clone https://github.com/blankapp/flutter-widget-livebook
$ cd chrome-extension
$ yarn build

编译完成后通过 菜单 > 更多工具 > 扩展程序 > 加载已解压扩展程序 进行安装。

效果展示

获取源码

https://github.com/blankapp/flutter-widget-livebook

如果你觉得 Flutter Widget Livebook 对你有帮助，麻烦给个 Star 哦。

已知问题

• 嵌入实时示例后，返回上一页面需要后退两次
• 如果示例包含点击事件需要使用较大的力量按压解控板

探讨

如果您对此项目有任何建议或疑问，可以通过 Telegram 或微信与我进行讨论。