Flutter开发 防止OverFlow溢出

大家在学习Flutter的时候，刚刚开始学习布局应该会各种遇到溢出。比如在用到Row或者Column经常会遇到布局溢出的问题。如下：

怎么解决呢，我们可以尝试用SingleChildScrollView和Expanded做为布局防止布局溢出。

如下代码：

调整后效果为：

可以进行滑动，以避免布局溢出的情况。

SingleChildScrollView的属性如下：

scrollDirection = Axis.vertical,  //滚动方向

reverse =false,//滚动方向是否反向

padding,//边距

bool primary,//这是否是与父控件关联的主滚动视图 猜应该是是否与父控件一起滑动 用来解决滑动冲突

physics,//滑动松手后的滑动方式

controller,

child,//子view

如果遇到Row布局的情况溢出如下：

可以使用Expend包裹效果如下：

代码如下：

总结：可以用这两种方式SingleChildScrollView和Expanded做为布局防止布局溢出。