Flutter实战Container详解

最新推荐文章于 2023-01-28 16:03:43 发布

怀旧的老张

最新推荐文章于 2023-01-28 16:03:43 发布

阅读量505

点赞数

分类专栏： flutter 文章标签： android ios 前端

本文为博主原创文章，未经博主允许不得转载。

本文链接：https://blog.csdn.net/Zhang_Teng/article/details/108647817

版权

本文详细介绍了Flutter中的Container组件，包括其与StatelessWidget的关系、Container的大小设定、BoxDecoration属性，以及实战案例，帮助开发者更好地理解和使用Container。

摘要由CSDN通过智能技术生成

Container简介

Container继承于 StatelessWidget 继承关系图如下

Container相关属性

//TODO 字面意思好理解的就不写注释啦
 Container({
    Key key,
    this.alignment,
    this.padding,
    this.color,
    this.decoration, //背景
    this.foregroundDecoration,//前景
    double width,
    double height,
    BoxConstraints constraints,//Container大小的限制条件
    this.margin,
    this.transform,//变换
    this.child,
    this.clipBehavior = Clip.none,
  })

Container使用时的相关注意事项

1.Container的大小可以通过width、height来指定，也可以通过constraints来指定；当它们同时存在时，width、height优先。实际上Container内部会根据width、height来生成一个constraints。证据如下