大家在学习Flutter的时候,刚刚开始学习布局应该会各种遇到溢出。比如在用到Row或者Column经常会遇到布局溢出的问题。如下:
怎么解决呢,我们可以尝试用SingleChildScrollView和Expanded做为布局防止布局溢出。
如下代码:
调整后效果为:
可以进行滑动,以避免布局溢出的情况。
SingleChildScrollView的属性如下:
scrollDirection = Axis.vertical, //滚动方向
reverse =false,//滚动方向是否反向
padding,//边距
bool primary,//这是否是与父控件关联的主滚动视图 猜应该是是否与父控件一起滑动 用来解决滑动冲突
physics,//滑动松手后的滑动方式
controller,
child,//子view
如果遇到Row布局的情况溢出如下:
可以使用Expend包裹效果如下:
代码如下:
总结:可以用这两种方式SingleChildScrollView和Expanded做为布局防止布局溢出。