大厂男孩的粉丝1. Flutter组件体系概述
Flutter作为Google推出的跨平台UI框架，其核心设计理念是"一切皆组件"。在Flutter中，从简单的文本显示到复杂的页面布局，所有可见和不可见的元素都是Widget。这种设计带来了极高的灵活性和一致性，但也让初学者容易陷入组件选择的困惑。根据官方文档和社区实践，我们可以将Flutter组件系统性地分为7大类，每类都有其特定的使用场景和最佳实践。
提示：Flutter的Widget分为有状态(Stateful)和无状态(Stateless)两种基础类型，这是理解组件分类的前提条件。
需要模型API调用？ 免费领10W Token，多模型网关一键接入 Claude、DeepSeek 等主流模型。
2. 基础显示组件
2.1 文本与图标组件
Text组件是Flutter中最基础的显示组件，通过它可以在屏幕上呈现各种样式的文字。实际开发中常配合TextStyle定义字体、颜色、间距等属性。例如实现一个带阴影的标题文本：
dart复制Text(
'Flutter速查手册',
style: TextStyle(
fontSize: 24,
fontWeight: FontWeight.bold,
shadows: [Shadow(color: Colors.grey, offset: Offset(2,2))]
),
)
Icon组件则用于显示Material或Cupertino风格的图标，需要配合图标库使用。实测发现，直接使用Icons.xxx会显著增加包体积，建议通过flutter_icons插件按需导入。
2.2 图片显示组件
Image组件支持多种图片来源：
- AssetImage：加载本地资源
- NetworkImage：加载网络图片
- FileImage：加载设备文件
常见坑点：NetworkImage在iOS上需要配置ATS，否则https图片可能无法加载。解决方案是在Info.plist中添加NSAppTransportSecurity例外。
3. 布局组件
3.1 单子组件布局
Container是最常用的布局容器，它结合了padding、margin、decoration等属性。实测发现其布局性能优于单独使用Padding+DecoratedBox的组合。
ConstrainedBox通过BoxConst