flutter的对齐控件,拓展空间,listview,gridview控件使用

本文详细介绍了Flutter中使用mainAxisAlignment和crossAxisAlignment属性控制子控件对齐的方法,解决屏幕展示不全问题的技巧,包括使用listView滚动和Expanded()包裹,以及ListView和GridView的使用方法,特别强调了maxCrossAxisExtent属性的作用。同时,还讲解了Stack控件的alignment属性使用,帮助开发者更好地掌握Flutter布局技巧。

1.使用mainAxisAlignment和crossAxisAlignment属性来控制行或列如何对齐其子控件。对于行,主轴水平运行,横轴垂直运行。对于列,主轴垂直运行,横轴水平运行。
在这里插入图片描述
2.在页面展示的时候经常出现屏幕展示不全,这时候就会在屏幕上出现斜线框子。这样的解决方法一是使用listView滚动,二是使用Expanded()进行包裹,这样就能自动填充已有的控件。

3.进行列表的显示,使用ListView这个的用法和平常的控件是一样的,new ListView(children: …)
但是使用GridView的时候用需要使用new GridView.extent(children:…)这样的形式。控制显示几列,就需要使用maxCrossAxisExtent属性设置长度。

4.使用Stack的时候,可以通过alingment:const Alignment(0.0,0.0)进行控制摆放的位置,但是仅仅是能控制从第二个widget的相对于第一个widget的位置。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值