Flutter开发之布局-3-center（17）

Center 居中的布局

只能有一个chlid，但是可以用container包含好多子child，继承自Align。
用于将其子项与其自身对齐，并根据子级的大小自行调整大小。
如果它的尺寸受到约束且[widthFactor]和[heightFactor]为空，则此窗口小部件将尽可能大。如果维度不受约束且相应的大小因子为null，则窗口小部件将匹配其在该维度中的子项大小（其实就是子view的宽高就是center容器的宽高）。如果尺寸因子为非null，则此center容器的相应尺寸将是子view的尺寸和尺寸因子的乘积。例如，如果widthFactor是2.0，那么此小部件的宽度将始终是其子宽度的两倍，并且将子view居中，来看看下图吧。

widthFactor：宽度因子
heightFactor：高度因子

转载作者：liu_520
链接：https://www.jianshu.com/p/e5959bb3154b

Flutter开发之布局-3-center（17）相关推荐

Flutter开发之布局-1-Column（15）
布局对于移动开发来说,是开发页面的第一步,只有掌握了布局,才能做到心里明白,才能更好.更巧妙的布局.我iOS 一点点的从demo 实践中学习Flutter布局.避免不了从iOS 的布局角度尝试,但是发 ...
Flutter开发之布局-2-row（16）
1.mainAxisAlignment:主轴布局方式,row主轴方向是水平方向默认值:MainAxisAlignment.start: start ,沿着主轴方向(水平方向)顶部对齐: end,沿着 ...
Flutter开发之布局-4-container（18）
container 比较像iOS 的View 几乎有所有的布局属性用来放置widget的容器,有padding.margin.位置.大小等参数. 具体有以下参数: alignment :对齐方式 A ...
flutter页面布局HTML,Flutter开发实战初级（2）页面布局详解
初级根底系列 Flutter开发实战初级(1)ListView详解 Flutter开发实战初级(2)布局详解项目实战系列 Flutter开发实战高仿微信(1)主页 Flutter开发实战高仿微信 ...
端开发技术—解密Flutter响应式布局
Flutter是一个跨平台的应用开发框架,支持各种屏幕大小的设备,它可以在智能手表这样的小设备上运行,也可以在电视这样的大设备上运行.使用相同的代码来适应不同的屏幕大小和像素密度是一个挑战. Flut ...
Flutter开发的抖音国际版
简介最近花了两天时间研究使用Flutter开发一个抖音国际版. 个人感觉使用Flutter开发app快得不要不要的额. 两天就基本可以开发个大概出来. 最主要是热重载,太方便实时调整UI布局了 ...
使用Flutter开发的抖音国际版
简介最近花了两天时间研究使用Flutter开发一个抖音国际版. 个人感觉使用Flutter开发app快得不要不要的额. 两天就基本可以开发个大概出来. 最主要是热重载,太方便实时调整UI布局了 ...
Flutter开发实战高仿微信（二）发现页
Flutter开发实战高仿微信(二)发现页 Flutter开发实战高仿微信(二)发现页 1.1 微信发现页面简述 1.2 APP框架优化 1.2.1 配置APP Logo和启动图片 1.2.2 配 ...
Flutter学习之布局、交互、动画
作者:真丶深红骑士链接: https://juejin.im/post/5c617e34f265da2d90581613 本文由作者授权发布. 一.前言前一天学习了 Flutter 基本控件和基本 ...

Flutter开发之布局-3-center（17）

Center 居中的布局

Flutter开发之布局-3-center（17）相关推荐

最新文章

热门文章