使用 Flutter for web 构建了 100+ Widget 实时预览示例。 - V2EX
V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
爱意满满的作品展示区。
lijy91
V2EX    分享创造

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

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

    使用 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
    赞!
    cookiy
        6
    cookiy  
       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
    赞!
    关于     帮助文档     自助推广系统     博客         FAQ     Solana     871 人在线   最高记录 6679       Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 29ms UTC 20:25 PVG 04:25 LAX 13:25 JFK 16:25
    Do have faith in what you're doing.
    ubao snddm index pchome yahoo rakuten mypaper meadowduck bidyahoo youbao zxmzxm asda bnvcg cvbfg dfscv mmhjk xxddc yybgb zznbn ccubao uaitu acv GXCV ET GDG YH FG BCVB FJFH CBRE CBC GDG ET54 WRWR RWER WREW WRWER RWER SDG EW SF DSFSF fbbs ubao fhd dfg ewr dg df ewwr ewwr et ruyut utut dfg fgd gdfgt etg dfgt dfgd ert4 gd fgg wr 235 wer3 we vsdf sdf gdf ert xcv sdf rwer hfd dfg cvb rwf afb dfh jgh bmn lgh rty gfds cxv xcv xcs vdas fdf fgd cv sdf tert sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf shasha9178 shasha9178 shasha9178 shasha9178 shasha9178 liflif2 liflif2 liflif2 liflif2 liflif2 liblib3 liblib3 liblib3 liblib3 liblib3 zhazha444 zhazha444 zhazha444 zhazha444 zhazha444 dende5 dende denden denden2 denden21 fenfen9 fenf619 fen619 fenfe9 fe619 sdf sdf sdf sdf sdf zhazh90 zhazh0 zhaa50 zha90 zh590 zho zhoz zhozh zhozho zhozho2 lislis lls95 lili95 lils5 liss9 sdf0ty987 sdft876 sdft9876 sdf09876 sd0t9876 sdf0ty98 sdf0976 sdf0ty986 sdf0ty96 sdf0t76 sdf0876 df0ty98 sf0t876 sd0ty76 sdy76 sdf76 sdf0t76 sdf0ty9 sdf0ty98 sdf0ty987 sdf0ty98 sdf6676 sdf876 sd876 sd876 sdf6 sdf6 sdf9876 sdf0t sdf06 sdf0ty9776 sdf0ty9776 sdf0ty76 sdf8876 sdf0t sd6 sdf06 s688876 sd688 sdf86