flutter溢出布局，flutter弹出层

Flutter:Row中文字太长导致溢出

Text(long text...) 中文字过长会换行显示。但如果放置在Row()中 Row(children：[Text(long text...)]) 文字就不会换行显示，还可能会报错某一侧长度溢出了多少像素。

空间超出提示 注释 ：Flutter Incorrect use of ParentDataWidget 问题原因：Expanded、Flexible等组件，在“Container、Padding、Stack”组件中导致的。

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

实际上，Row和Column都只会在主轴方向占用尽可能大的空间，而交叉轴的长度则取决于他们最大子元素的长度。

在线性布局中，有两个定义对齐方式的枚举类MainAxisAlignment和CrossAxisAlignment，分别代表主轴对齐和纵轴对齐。Row可以沿水平方向排列其子widget。

flutter自动换行有几种场景：column中，row中 在Column中的Text不用任何处理，能够自动换行。在Row中的Text需要用Expanded包裹。

相关问答

Q1: Flutter-布局

flutter布局需要先了解flutter所有布局的widget，首先flutter布局分为Container、RenderObjectWidget和ParentDataWidget。而RenderObject中经常使用的有SingleChildRenderObjectWidget（单节点）和MultiChildRenderObjectWidget（多节点）。

弹性布局允许子组件按照一定比例来分配父容器空间 Flex组件和Row、Column属性主要的区别就是多一个direction。 当direction的值为Axis.horizontal的时候，则是Row。 当direction的值为Axis.vertical的时候，则是Column。

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

（一）布局 Flutter采用深度优先机制遍历渲染对象树，决定渲染对象树中各渲染对象在屏幕上的位置和尺寸。

Q2: Flutter解决界面超出bug

1、_calculateOverflowRegions这个方法，计算界面是否超出边界，如果超出了 就添加一个斑马线的布局，可以通过修改源码的方式，暂时让他隐藏 直接return就可以了。当然，Flutter这样是为了更好的提示开发者，方便开发的。

2、解析json可以放到子线程线程中，开Isolate去解析，这样，当返回数据特别大的时候也不会阻塞界面。

3、一般这样的问题都是Flutter内部导致的问题，所以优先建议命令执行：flutter clean，然后再次执行操作。

4、现象：flutter页面通过present跳转原生页面后，原生页面上的点击会首先响应下面的flutter页面中的内容（比如按钮什么的）。这是flutter框架一直存在的一个bug。在github上有相关的issue。

flutter溢出布局的介绍就聊到这里吧，感谢你花时间阅读本站内容，更多关于flutter弹出层、flutter溢出布局的信息别忘了在本站进行查找喔。