Center介绍Center 就是将子组件进行一个居中展示,它继承自Align ,因为Align 默认的对齐方式是居中的,所以它能实现居中效果,如果Center 的尺寸没有受到限制,那么它将尽可能大。
示例代码本文中很多效果都没有截图,可下载源代码运行项目 源代码地址,或者通过视频教程查看 视频教程地址 什么情况下使用Center?当我们需要对子组件进行居中的时候使用Center 。 Center的属性和说明字段 | 属性 | 描述 |
---|
widthFactor | double | 宽度系数 | heightFactor | double | 高度系数 | child | Widget | 子组件 |
Center使用 _CenterExampleState();}class _CenterExampleState extends State { @override Widget build(BuildContext context) { return Scaffold( appBar: AppBar( title: Text("AlignExample"), ), body: Center( child: Text("Jimi"), ), ); }} 效果展示完结我们对Flutter 的所有容器类组件进行了一个讲解,那么此篇幅就已经完结了,在接下来我们继续讲解Flutter 的基础类组件。 免责声明:如果侵犯了您的权益,请联系站长,我们会及时删除侵权内容,谢谢合作! |