爱意满满的作品展示区。
lijy91

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

  •  
  •   lijy91 · Aug 18, 2019 · 5343 views
    This topic created in 2481 days ago, the information mentioned may be changed or developed.

    使用 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

    Supplement 1  ·  Aug 18, 2019
    由于引用的图片有防外链,所以重新贴了示例图,你可以到掘金看完整的文章: 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)
    Supplement 2  ·  Aug 18, 2019

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

    AlertDialog.gif

    AnimatedPhysicalModel.gif

    10 replies    2019-08-20 16:53:08 +08:00
    o562dsRcFqYl375i
        1
    o562dsRcFqYl375i  
       Aug 18, 2019
    兄弟,图片链接好像失效了
    dying4death
        2
    dying4death  
       Aug 18, 2019
    所以演示的是 flutter for web 的控件吗?
    lijy91
        3
    lijy91  
    OP
       Aug 18, 2019
    @dying4death flutter 各个平台上的效果基本是一致的,后续 flutter for web 会被合并到 flutter 库中,所以没有什么区别的。
    ddup
        4
    ddup  
       Aug 18, 2019 via Android
    感谢分享!
    xdays
        5
    xdays  
       Aug 19, 2019
    赞👍!
    cookiy
        6
    cookiy  
       Aug 19, 2019
    感谢分享!
    narmgalaxy
        7
    narmgalaxy  
       Aug 20, 2019
    cool !
    gaigechunfeng
        8
    gaigechunfeng  
       Aug 20, 2019
    楼主,我也在学习 flutter,现在的插件库东西够多了吗?
    有没有成熟的组件库了??像 vue 和 react 那样的。
    lijy91
        9
    lijy91  
    OP
       Aug 20, 2019
    @gaigechunfeng 基本比较常用的都有了,能满足大部分的需求了。
    hellboys
        10
    hellboys  
       Aug 20, 2019
    赞👍!
    About   ·   Help   ·   Advertise   ·   Blog   ·   API   ·   FAQ   ·   Solana   ·   928 Online   Highest 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 45ms · UTC 21:40 · PVG 05:40 · LAX 14:40 · JFK 17:40
    ♥ Do have faith in what you're doing.