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

[lijy91]

前言

上周末发布了 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 或微信与我进行讨论。

[befovy]

厉害了

[hst001]

一直想吐槽官方文档只有文本没有图，作为一个 UI 框架的文档没图真的说不过去

[lijy91]

@hst001 是啊，在看文档看不到效果实在是很不方便，所以才做了这个插件，希望对大家有用。

[AlwaysBee]

支持

[SunnyCoffee]

棒极了，google 开发大会看到了你的项目

[lijy91]

@SunnyCoffee 我也是在谷歌的公众号发了文章才注意到被推荐了，你是指现场有推荐还是文章上呢？

[SunnyCoffee]

@lijy91 在其他文章上看到的😂