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

[lijy91]

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

效果展示

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

已知问题

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

探讨

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

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



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

[o562dsRcFqYl375i]

兄弟，图片链接好像失效了

[dying4death]

所以演示的是 flutter for web 的控件吗？

[lijy91]

@dying4death flutter 各个平台上的效果基本是一致的，后续 flutter for web 会被合并到 flutter 库中，所以没有什么区别的。

[ddup]

感谢分享!

[xdays]

赞👍！

[cookiy]

感谢分享!

[narmgalaxy]

cool ！

[gaigechunfeng]

楼主，我也在学习 flutter，现在的插件库东西够多了吗？
有没有成熟的组件库了？？像 vue 和 react 那样的。

[lijy91]

@gaigechunfeng 基本比较常用的都有了，能满足大部分的需求了。

[hellboys]

赞👍！