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

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

  •  
  •   lijy91 · 2019-08-18 15:17:11 +08:00 · 4500 次点击
    这是一个创建于 1927 天前的主题,其中的信息可能已经有所发展或是发生改变。

    使用 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 条附言  ·  2019-08-18 16:03:26 +08:00
    由于引用的图片有防外链,所以重新贴了示例图,你可以到掘金看完整的文章: 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 条附言  ·  2019-08-18 16:06:47 +08:00

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

    AlertDialog.gif

    AnimatedPhysicalModel.gif

    10 条回复    2019-08-20 16:53:08 +08:00
    o562dsRcFqYl375i
        1
    o562dsRcFqYl375i  
       2019-08-18 15:52:34 +08:00
    兄弟,图片链接好像失效了
    dying4death
        2
    dying4death  
       2019-08-18 15:54:27 +08:00
    所以演示的是 flutter for web 的控件吗?
    lijy91
        3
    lijy91  
    OP
       2019-08-18 16:05:13 +08:00
    @dying4death flutter 各个平台上的效果基本是一致的,后续 flutter for web 会被合并到 flutter 库中,所以没有什么区别的。
    ddup
        4
    ddup  
       2019-08-18 19:09:01 +08:00 via Android
    感谢分享!
    xdays
        5
    xdays  
       2019-08-19 11:45:22 +08:00
    赞👍!
    cookiy8511
        6
    cookiy8511  
       2019-08-19 20:30:06 +08:00
    感谢分享!
    narmgalaxy
        7
    narmgalaxy  
       2019-08-20 11:35:35 +08:00
    cool !
    gaigechunfeng
        8
    gaigechunfeng  
       2019-08-20 11:39:25 +08:00
    楼主,我也在学习 flutter,现在的插件库东西够多了吗?
    有没有成熟的组件库了??像 vue 和 react 那样的。
    lijy91
        9
    lijy91  
    OP
       2019-08-20 11:41:03 +08:00
    @gaigechunfeng 基本比较常用的都有了,能满足大部分的需求了。
    hellboys
        10
    hellboys  
       2019-08-20 16:53:08 +08:00
    赞👍!
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   3175 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 33ms · UTC 13:52 · PVG 21:52 · LAX 05:52 · JFK 08:52
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.