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

使用 Flutter for web 构建了 100+ Widget 实时预览示例。

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

    使用 Flutter 开发已经接近一年时间了,但是在学习 Flutter 一些 Widget 的时候不能像前端那样有能直接在网站上实时看到效果,每次接触到一个新的 Widget 时都需要花费不少时间才能看到效果,所以我基于 Flutter for web 做了这个网站,目前已经包含 100+ Widgets 基本示例,后续计划增加更多的高级示例,希望可以对您有帮助。

    简介

    Flutter Widget Livebook 是一个使用 Flutter for web 构建的可在线实时预览 Widget 示例的网站。

    如果您有任何问题或者希望网站上有其他 Widget 示例,可以通过在 GitHub Repo 上打开一个 issue 来提问或者反馈,当然你也可以给我们提 PR。

    立即访问 Flutter Widget Livebook: https://flutter-widget-livebook.blankapp.org

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

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

    效果展示

    AlertDialog

    AnimatedDefaultTextStyle

    AnimatedPhysicalModel

    NestedScrollView

    由于文章篇幅限制,无法把所有示例在此展示全部给你,你可以到我们的网站上查看全部示例。

    已知问题

    • 由于 Flutter for web 目前还是技术预览版,因此有一部分 Widgets (如大部分 Cupertino 风格的 Widgets ) 并未在 flutter for web 上实现,所以目前整理的示例中暂未包含此部分。

    探讨

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

    image

    第 1 条附言  ·  95 天前
    由于引用的图片有防外链,所以重新贴了示例图,你可以到掘金看完整的文章: https://juejin.im/post/5d58fb7ff265da03cd0a7ced

    ![AlertDialog.gif]( https://i.loli.net/2019/08/18/Dmlzh9rgiuEAcVP.gif)

    ![AnimatedPhysicalModel.gif]( https://i.loli.net/2019/08/18/OlTJ8QvYINp3EDM.gif)
    第 2 条附言  ·  95 天前

    由于引用的图片有防外链,所以重新贴了示例图,你可以到掘金看完整的文章: https://juejin.im/post/5d58fb7ff265da03cd0a7ced

    AlertDialog.gif

    AnimatedPhysicalModel.gif

    10 回复  |  直到 2019-08-20 16:53:08 +08:00
        1
    huangzongzhuan   95 天前
    兄弟,图片链接好像失效了
        2
    dying4death   95 天前
    所以演示的是 flutter for web 的控件吗?
        3
    lijy91   95 天前
    @dying4death flutter 各个平台上的效果基本是一致的,后续 flutter for web 会被合并到 flutter 库中,所以没有什么区别的。
        4
    ddup   94 天前 via Android
    感谢分享!
        5
    xdays   94 天前
    赞👍!
        6
    cookiy8511   93 天前
    感谢分享!
        7
    narmgalaxy   93 天前
    cool !
        8
    gaigechunfeng   93 天前
    楼主,我也在学习 flutter,现在的插件库东西够多了吗?
    有没有成熟的组件库了??像 vue 和 react 那样的。
        9
    lijy91   93 天前
    @gaigechunfeng 基本比较常用的都有了,能满足大部分的需求了。
        10
    hellboys   93 天前
    赞👍!
    关于   ·   FAQ   ·   API   ·   我们的愿景   ·   广告投放   ·   感谢   ·   实用小工具   ·   2987 人在线   最高记录 5043   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.3 · 35ms · UTC 11:00 · PVG 19:00 · LAX 03:00 · JFK 06:00
    ♥ Do have faith in what you're doing.