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

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

现在注册

已注册用户请登录

爱意满满的作品展示区。

这是一个创建于 1920 天前的主题，其中的信息可能已经有所发展或是发生改变。

前言

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

第 1 条附言 · 2019-08-26 08:09:56 +08:00

flutter

livebook

示例

widget

8 条回复 • 2019-09-12 08:52:29 +08:00

befovy

2019-08-25 23:47:58 +08:00

厉害了

hst001

2019-08-26 09:49:30 +08:00 via Android

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

lijy91

2019-08-26 10:16:12 +08:00

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

AlwaysBee

2019-08-26 10:43:14 +08:00

支持

SunnyCoffee

2019-09-11 15:04:02 +08:00

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

lijy91

2019-09-11 23:12:42 +08:00

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

SunnyCoffee

2019-09-12 08:52:29 +08:00

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