Flutter布局3-----Center

转载于 2019-09-25 16:03:00 发布 · 114 阅读

·

0

·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/stroll/p/11585338.html

文章标签：

本文深入解析Flutter中的Center组件，阐述其布局特性与使用场景。Center组件仅能包含一个直接子组件，但可通过Container包裹多个子元素。它依据[widthFactor]和[heightFactor]属性调整自身大小，实现子组件的居中显示。当尺寸受限且因子为null时，Center组件会尽可能地扩大；若尺寸不受限且因子为null，则与子组件尺寸一致；若因子非null，Center组件尺寸为子组件尺寸与因子的乘积。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

Center 居中的布局

只能有一个chlid，但是可以用container包含好多子child，继承自Align。

用于将其子项与其自身对齐，并根据子级的大小自行调整大小。

如果它的尺寸受到约束且[widthFactor]和[heightFactor]为空，则此窗口小部件将尽可能大。如果维度不受约束且相应的大小因子为null，则窗口小部件将匹配其在该维度中的子项大小（其实就是子view的宽高就是center容器的宽高）。如果尺寸因子为非null，则此center容器的相应尺寸将是子view的尺寸和尺寸因子的乘积。例如，如果widthFactor是2.0，那么此小部件的宽度将始终是其子宽度的两倍，并且将子view居中，来看看下图吧。

1、widthFactor：宽度因子

2、heightFactor:高度因子

转载于:https://www.cnblogs.com/stroll/p/11585338.html

评论

被折叠的条评论为什么被折叠?

到【灌水乐园】发言

查看更多评论

添加红包

成就一亿技术人!

hope_wisdom

发出的红包

实付元

使用余额支付

点击重新获取

扫码支付

钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。