Flutter 扩展和灵活的工作不能在一行中很好地结合在一起
您可以在 伪代码:Flutter 扩展和灵活的工作不能在一行中很好地结合在一起,flutter,flutter-layout,Flutter,Flutter Layout,您可以在 伪代码: Column( children: [ Row(children: [ fleWid(1), expWid(1), ]), Row(children: [ expWid(1), expWid(1),
Column(
children: [
Row(children: [
fleWid(1),
expWid(1),
]),
Row(children: [
expWid(1),
expWid(1),
]),
Row(children: [
fleWid(1),
fleWid(1),
]),
屏幕:
重复:您可以在
问题是行1,为什么扩展不能扩展整个休息空间?扩展和灵活都有1的伸缩度,因此它们都以1/(1+1)的宽度进行布局 但是,挠性接头具有柔性配合,允许其小于最大宽度的一半
如果您希望展开的部分使用全宽,则应移除较小部分周围的柔性部分展开部分将占用整个可用空间,而柔性部分仅占用所需空间。 在您的例子中,inside Flexible是一个默认字体大小为14的文本小部件,因此它非常灵活,只会环绕文本 使用Flexible小部件,行、列或Flexible的子级可以灵活扩展以填充主轴中的可用空间(例如,水平方向为行或垂直方向为列),但与扩展不同,Flexible不要求子级填充可用空间
您可以检查如果要扩展以填充剩余的小部件,请使用另一个不带弹性的小部件。为什么你想使用灵活和扩展的结合,你想要的输出是什么?