flutter里的这些组件和icons，有没有官方的文档可以预览样式和提供属性和使用方法的说明呢？
来源：7-2 基于BottomNavigationBar实现底部Tab切换
Katole
2025-02-01
老师，请问例如material有没有一个官方的组件文档，可以查看所有可以使用的组件和icon之类的？
开发时不清楚都有什么组件可以使用，组件都长什么样子，很不方便。
1回答
-
星辰大海1497010
2025-02-05
Flutter 官方确实提供了 组件文档 和 图标（icons）文档，可以在线查看 组件样式、属性 以及 示例代码。以下是推荐的官方资源：
1. Flutter 官方组件文档
Flutter 提供了 Material 组件和 Cupertino 组件的完整文档，可以在线预览组件样式，并查看详细的 API 说明。
📌 Flutter 组件文档（含预览和示例）👉 https://docs.flutter.dev/ui/widgets
2. Material Design 组件文档
如果你主要使用 Material 风格的组件，可以访问 Flutter Material 官方组件库，它包含了：
组件的视觉预览
示例代码
详细的 API 说明
📌 Material 组件库👉 https://m3.material.io/components
3. Flutter 官方 Icons（图标）文档
Flutter 自带的 Material Icons 也有一个完整的预览页面，你可以搜索、复制代码，并直接使用。
📌 Material Icons 预览👉 https://fonts.google.com/icons
如果要在 Flutter 里使用这些图标，你可以这样写：
Icon(Icons.access_alarm) // 闹钟图标
4. 第三方 Widget 预览工具
如果你想要更直观地看到 Flutter 组件的效果，可以使用：
Flutter Widget Livebook（一个在线可交互的 Flutter 组件预览工具）
Flutter Gallery（官方提供的 Demo App，可以在手机上运行）
总结
资源 链接 Flutter 官方 Widget 文档 https://docs.flutter.dev/ui/widgets Material 组件库 https://m3.material.io/components Material Icons 预览 https://fonts.google.com/icons Flutter Widget Livebook https://flutter-widget.live/ Flutter Gallery Demo App https://gallery.flutter.dev/ 这些网站都可以帮助你快速 预览组件，同时提供 代码示例，让你的 Flutter 开发更高效！🚀
10
相似问题