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

时间 2019-11-06

标签让你 flutter 文档支持实时示例经过 widget livebook 实现繁體版

原文原文链接

前言

上周末发布了 Flutter Widget Livebook（一个使用 Flutter for web 构建的可在线实时预览 Widget 示例的网站），到如今 PV 已经接近 30k 了。虽然网站已经拥有了一百多个示例了，可是实际上你们应该不会一会儿把全部示例一块儿看完了，因此就开发了这个 Chrome 插件，能够在你须要访问 Flutter 文档的时候将 Flutter Widget Livebook 的示例插入到文档中，更加方便你了解每一个 Widget 的实际效果。git

安装插件

经过 chrome web store 获取github

chrome.google.com/webstore/de…web

经过源码安装chrome

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

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

效果展现

获取源码

github.com/blankapp/fl…微信

若是你以为 Flutter Widget Livebook 对你有帮助，麻烦给个 Star 哦。app

已知问题

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

探讨

若是您对此项目有任何建议或疑问，能够经过 Telegram 或微信与我进行讨论。工具