V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
爱意满满的作品展示区。
lijy91
V2EX  ›  分享创造

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

  •  
  •   lijy91 · 2019-08-25 23:38:25 +08:00 · 3101 次点击
    这是一个创建于 1903 天前的主题,其中的信息可能已经有所发展或是发生改变。

    前言

    上周末发布了 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

    image.png

    通过源码安装

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

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

    效果展示

    image.png

    获取源码

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

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

    已知问题

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

    探讨

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

    image.png

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

    ezgif-4-106b68f419ae.gif

    8 条回复    2019-09-12 08:52:29 +08:00
    befovy
        1
    befovy  
       2019-08-25 23:47:58 +08:00
    厉害了
    hst001
        2
    hst001  
       2019-08-26 09:49:30 +08:00 via Android
    一直想吐槽官方文档只有文本没有图,作为一个 UI 框架的文档没图真的说不过去
    lijy91
        3
    lijy91  
    OP
       2019-08-26 10:16:12 +08:00
    @hst001 是啊,在看文档看不到效果实在是很不方便,所以才做了这个插件,希望对大家有用。
    AlwaysBee
        4
    AlwaysBee  
       2019-08-26 10:43:14 +08:00
    支持
    SunnyCoffee
        6
    SunnyCoffee  
       2019-09-11 15:04:02 +08:00
    棒极了,google 开发大会看到了你的项目
    lijy91
        7
    lijy91  
    OP
       2019-09-11 23:12:42 +08:00
    @SunnyCoffee 我也是在谷歌的公众号发了文章才注意到被推荐了,你是指现场有推荐还是文章上呢?
    SunnyCoffee
        8
    SunnyCoffee  
       2019-09-12 08:52:29 +08:00
    @lijy91 在其他文章上看到的😂
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   2670 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 26ms · UTC 03:11 · PVG 11:11 · LAX 19:11 · JFK 22:11
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.