阅读 4562

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

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

简介

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

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

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

GitHub: github.com/blankapp/fl…

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

效果展示

AlertDialog

AnimatedDefaultTextStyle

AnimatedPhysicalModel

NestedScrollView

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

已知问题

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

探讨

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

image

关注下面的标签,发现更多相似文章
评论