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

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

  •  
  •   lijy91 · 112 天前 · 1572 次点击
    这是一个创建于 112 天前的主题,其中的信息可能已经有所发展或是发生改变。

    前言

    上周末发布了 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 条附言  ·  112 天前

    ezgif-4-106b68f419ae.gif

    8 回复  |  直到 2019-09-12 08:52:29 +08:00
        1
    befovy   112 天前
    厉害了
        2
    hst001   111 天前 via Android
    一直想吐槽官方文档只有文本没有图,作为一个 UI 框架的文档没图真的说不过去
        3
    lijy91   111 天前
    @hst001 是啊,在看文档看不到效果实在是很不方便,所以才做了这个插件,希望对大家有用。
        4
    AlwaysBee   111 天前
    支持
        6
    SunnyCoffee   95 天前
    棒极了,google 开发大会看到了你的项目
        7
    lijy91   95 天前
    @SunnyCoffee 我也是在谷歌的公众号发了文章才注意到被推荐了,你是指现场有推荐还是文章上呢?
        8
    SunnyCoffee   95 天前
    @lijy91 在其他文章上看到的😂
    关于   ·   FAQ   ·   API   ·   我们的愿景   ·   广告投放   ·   感谢   ·   实用小工具   ·   2890 人在线   最高记录 5043   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.3 · 31ms · UTC 00:59 · PVG 08:59 · LAX 16:59 · JFK 19:59
    ♥ Do have faith in what you're doing.