Align

控制子Widget对齐方式的Widget,包含以下属性:

alignment

表示子Widget的对齐方式,包括Alignment.topLeft、Alignment.topCenter、Alignment.topRight、Alignment.centerLeft、Alignment.center、Alignment.centerRight、Alignment.bottomLeft、Alignment.bottomCenter、Alignment.bottomRight等,和Container的alignment属性一样。

widthFactor

宽度因子,同Center的widthFactor属性一样,其实Center widget就是继承自Align widget,不过alignment值默认设置为了Alignment.center而已。

heightFactor

高度因子,同Center的heightFactor属性一样。

Widget getAlign() {
    return Container(
      color: Colors.green,
      child: Align(
        alignment: Alignment.centerLeft,
        widthFactor: 3,
        heightFactor: 2,
        child: Container(
          width: 100,
          height: 100,
          alignment: Alignment.center,
          color: Colors.redAccent,
          child: Text('This is Center widget demo'),
        ),
      ),
    );
  }

 

posted @ 2020-03-13 17:02  lai1322  阅读(276)  评论(0编辑  收藏  举报