flutter组件之Padding,Align,Center
发布日期:2021-10-15 18:54:36
浏览次数:3
分类:技术文章
本文共 843 字,大约阅读时间需要 2 分钟。
一:padding组件是一个基础控件,不像Container这种组合控件。Container中的margin以及padding属性其实都是利用Padding控件去实现的,padding组件属性不多,作用就是为子元素撑开边距。
new Padding( padding: new EdgeInsets.all(8.0), child: new Card(child: new Text('Hello World!')),)
二:align组件本身实现的功能并不复杂,设置child的对齐方式,例如居中、居左居右等,并根据child尺寸调节自身尺寸。
new Align( //对齐方式,居中、居左居右 alignment: Alignment.center, //宽度因子 widthFactor: 2.0, //高度因子 heightFactor: 2.0, child: new Text("Align"),)
Alignment的属性:
- bottomCenter:下部居中对齐。
- bottomRight:下部右对齐。
- bottomLeft: 下部左对齐。
- center:纵横双向居中对齐。
- centerLeft:纵向居中横向居左对齐。
- centerRight:纵向居中横向居右对齐。
- topLeft:顶部左侧对齐。
- topCenter:顶部居中对齐。
- topRight: 顶部居左对齐。
如果尺寸因子为非null,则此center容器的相应尺寸将是子view的尺寸和尺寸因子的乘积。
三:center组件是一个可以居中对齐,是中心定位控件,能够将子控件放在其内部中心。
属于基础布局组件。new Center( //宽度因子 widthFactor:2, //高度因子 heightFactor:2, child: new Text("center"),)
如果尺寸因子为非null,则此center容器的相应尺寸将是子view的尺寸和尺寸因子的乘积。
转载地址:https://blog.csdn.net/shenshulong/article/details/103860299 如侵犯您的版权,请留言回复原文章的地址,我们会给您删除此文章,给您带来不便请您谅解!
发表评论
最新留言
初次前来,多多关照!
[***.217.46.12]2024年04月09日 00时58分13秒
关于作者
喝酒易醉,品茶养心,人生如梦,品茶悟道,何以解忧?唯有杜康!
-- 愿君每日到此一游!
推荐文章
squid中的X-Cache和X-Cache-Lookup的意义
2021-06-30
squid 优化指南
2021-06-30
编程方式刷新Squid缓存服务器的五种方法
2021-06-30
centos vnc配置笔记
2021-06-30
Linux服务器网络开发模型
2021-06-30
nginx虚拟目录设置 alias 和 root
2021-06-30
理解http响应头中的Date和Age
2019-04-27
四层和七层负载均衡的区别
2019-04-27
设置Squid Cache_mem大小
2019-04-27
squid日志文件太大,怎样处理?
2019-04-27
让Squid 显示本地时间
2019-04-27
linux mysql 命令 大全
2019-04-27
清除Squid缓存的小工具
2019-04-27
Varnish Cache 3.0.0安装
2019-04-27
深入探讨Varnish缓存命中率
2019-04-27
Linux下文件如果没有权限不能被Apache访问
2019-04-27
Linux内核学习四库全书
2019-04-27
Linux内核模块编程入门
2019-04-27
使用Cacti监控你的网络Cacti的安装
2019-04-27