Flutter实战Align使用详解

最新推荐文章于 2024-05-25 09:35:22 发布

怀旧的老张

最新推荐文章于 2024-05-25 09:35:22 发布

阅读量1.2k

点赞数 2

分类专栏： flutter 文章标签： android flutter

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

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

版权

本文详细介绍了Flutter中的Align组件，包括其相关属性、Alignment与FractionalOffset的用法，并提供了示例。同时，文章还对比了Align与Stack的区别，帮助开发者更好地理解和运用这两个组件。

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

Align相关属性

Align({
  Key key,
  this.alignment = Alignment.center,
  this.widthFactor,
  this.heightFactor,
  Widget child,
})

alignment : 需要一个AlignmentGeometry类型的值，表示子组件在父组件中的起始位置。AlignmentGeometry 是一个抽象类，它有两个常用的子类：Alignment和 FractionalOffset
widthFactor和heightFactor是用于确定Align 组件本身宽高的属性；它们是两个缩放因子，会分别乘以子元素的宽、高，最终的结果就是Align 组件的宽高。如果值为null，则组件的宽高将会占用尽可能多的空间。

简单的例子

Container(
      height: 80.0,
      width: 80.0,
      color: Colors.blue.withAlpha(70),
      child: Align(
        alignment: Alignment.topCenter,
        child: FlutterLogo(
          size: 60,
        ),
      ),