讓你的 Flutter 文檔支持實時示例（經過 Flutter Widget Livebook 實現）

前言

上週末發佈了 Flutter Widget Livebook（一個使用 Flutter for web 構建的可在線實時預覽 Widget 示例的網站），到如今 PV 已經接近 30k 了。雖然網站已經擁有了一百多個示例了，可是實際上你們應該不會一會兒把全部示例一塊兒看完了，因此就開發了這個 Chrome 插件，能夠在你須要訪問 Flutter 文檔的時候將 Flutter Widget Livebook 的示例插入到文檔中，更加方便你瞭解每一個 Widget 的實際效果。

安裝插件

經過 chrome web store 獲取

chrome.google.com/webstore/de…

經過源碼安裝

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

編譯完成後經過 菜單 > 更多工具 > 擴展程序 > 加載已解壓擴展程序 進行安裝。

效果展現

獲取源碼

github.com/blankapp/fl…

若是你以爲 Flutter Widget Livebook 對你有幫助，麻煩給個 Star 哦。

已知問題

• 嵌入實時示例後，返回上一頁面須要後退兩次
• 若是示例包含點擊事件須要使用較大的力量按壓解控板

探討

若是您對此項目有任何建議或疑問，能夠經過 Telegram 或微信與我進行討論。