Center 介绍
Center
就是将子组件进行一个居中展现,它继承自 Align
,因为Align
默认的对齐形式是居中的,所以它能实现居中成果,如果 Center
的尺寸没有受到限制,那么它将尽可能大。
示例代码
本文中很多成果都没有截图,可下载源代码运行我的项目 源代码地址,或者通过视频教程查看 视频教程地址
什么状况下应用 Center?
当咱们须要对子组件进行居中的时候应用Center
。
Center 的属性和阐明
字段 | 属性 | 形容 |
---|---|---|
widthFactor | double | 宽度系数 |
heightFactor | double | 高度系数 |
child | Widget | 子组件 |
Center 应用
import 'package:flutter/material.dart';
class CenterExample extends StatefulWidget {
@override
_CenterExampleState createState() => _CenterExampleState();
}
class _CenterExampleState extends State<CenterExample> {
@override
Widget build(BuildContext context) {
return Scaffold(
appBar: AppBar(title: Text("AlignExample"),
),
body: Center(child: Text("Jimi"),
),
);
}
}
成果展现
完结
咱们对 Flutter
的所有容器类组件进行了一个解说,那么此篇幅就曾经完结了,在接下来咱们持续解说 Flutter
的根底类组件。