没有合适的资源?快使用搜索试试~ 我知道了~
资源推荐
资源详情
资源评论
Flutter布局组件布局组件
Flutter中的布局容器主要分为两类:只能包含一个子Widget的布局容器和可以包含多个子Widget的容器,下面分别说明其用
法。
包含单个子Widget的布局容器
Center组件
Center组件中的子组件会居中显示。Center组件会尽可能的大,如果你不给它设置任何约束。下面是Center组件的使用方法
Container组件
Container是使用非常多的一个布局容器,关于Container容器的显示规则,有如下几条:
Container是使用非常多的一个布局容器,关于Container容器的显示规则,有如下几条:
如果Container中没有子组件,则Container会尽可能的大
如果Container中有子组件,则Container会适应子组件的大小
如果给Container设置了大小,则Container按照设置的大小显示
Container的显示规则除了跟自身约束和子组件有关,跟它的父组件也有关
下面的代码展示了Container的用法:
如果我们分别注释掉上面Container代码中的width/height、child属性,显示出的界面就会有所不同:
Container还可以设置内边距和外边距,如下代码所示:
Padding组件
Padding组件专门用于给它的子组件设置内边距,用法比较简单:
Align组件
Align组件用于将它的子组件放置到确定的位置,比如下面的代码展示了将Text组件放置到100*100的容器的右下角:
Alignment类中有如下一些静态常量:
FittedBox组件
FittedBox组件根据fit属性来确定子组件的位置,fit属性是一个BoxFit类型的值,BoxFit是个枚举类,取值有如下几种:
在之前,在说到Image组件时,已有对于这几种BoxFit类型的介绍,这里再用一段代码和截图来直观说明上面几种BoxFit,在
下面的代码中,我们在大小为200*100的Container中放置一个Text,使用FittedBox来控制Text的不同显示状态:
当fit取不同值时,上面的代码运行结果如下图所示:
资源评论
weixin_38608726
- 粉丝: 5
- 资源: 938
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
最新资源
- 1_base.apk (1).1
- 数据结构和算法必知必会的50个代码实现.zip
- python精典面试题(优于八股文)
- OpenCV、C++、水果识别、Qt界面、颜色识别、边缘检测、图像处理(完整代码)
- exus桌面美化插件是一款模仿MAC桌面风格而开发的桌面壁纸工具,我们不仅可以通过Nexus桌面美化工具来将自己的Windows
- 微信公众号租用管理系统修复版+搭建教程+免授权开心版.zip
- 易语言教程文本打乱的写法
- 使用mqtt协议,将stm32数据上传到阿里云,通过微信小程序远程控制stm32(完整代码)
- 教孩子学编程 python语言版 teachYourKidsToCode
- 基于MATLAB人脸识别代码界面版.zip
资源上传下载、课程学习等过程中有任何疑问或建议,欢迎提出宝贵意见哦~我们会及时处理!
点击此处反馈
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功