Warning: file_get_contents(/data/phpspider/zhask/data//catemap/5/flutter/9.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Flutter 颤振-行/列项目之间的最小间距_Flutter_Flutter Layout - Fatal编程技术网

Flutter 颤振-行/列项目之间的最小间距

Flutter 颤振-行/列项目之间的最小间距,flutter,flutter-layout,Flutter,Flutter Layout,我试图从图片构建布局,但没有成功。我怎么做?(参见下面我尝试的内容) 我构建行如下: final row=行( mainAxisAlignment:mainAxisAlignment.spaceBetween, 儿童:[ 项(), 尺寸控制箱(宽度:_分钟), 项(), 尺寸控制箱(宽度:_分钟), 项(), ], ); 工作正常,但无法缩小溢出的内容。所以我把这个东西放在FittedBox中以支持缩小尺寸: final fittedRow=FittedBox( 适合度:BoxFit.sca

我试图从图片构建布局,但没有成功。我怎么做?(参见下面我尝试的内容)

我构建
如下:

final row=行(
mainAxisAlignment:mainAxisAlignment.spaceBetween,
儿童:[
项(),
尺寸控制箱(宽度:_分钟),
项(),
尺寸控制箱(宽度:_分钟),
项(),
],
);
工作正常,但无法缩小溢出的内容。所以我把这个东西放在
FittedBox
中以支持缩小尺寸:

final fittedRow=FittedBox(
适合度:BoxFit.scaleDown,
孩子:排,
);
此时,
停止以在项目之间分配可用空间。似乎
FittedBox
试图尽可能小,并且不为
行提供可用空间。所以我也试着把它放在
容器中
来拉伸
FittedBox

容器(
宽度:double.infinity,
孩子:fittedRow,
);

但是
Row
仍然不会传播它的孩子。我能做的最好的事情是设置
BoxFit.contain
-然后
FittedBox
至少开始向上缩放
,以填充整个屏幕。

如果您使用灵活的小部件包装您的项目,并为它们指定灵活的值,我想您会完全得到您想要的,它将根据手机屏幕自动设置您的项目

如果您使用Flexible widget包装您的项目并为其分配Flexible值,我认为您将完全满足您的需要,它将根据手机屏幕自动设置您的项目

您可以使用Flexible widget并为其分配Flexible值

final row = Row(
    mainAxisAlignment: MainAxisAlignment.spaceBetween,
    children: [
      Flexible(child: Item(),flex: 1,),

      Flexible(child: Item(),flex: 1,),

      Flexible(child: Item(),flex: 1,),
    ],
  );

您可以使用flexiblewidget并为它们分配flexvalue

final row = Row(
    mainAxisAlignment: MainAxisAlignment.spaceBetween,
    children: [
      Flexible(child: Item(),flex: 1,),

      Flexible(child: Item(),flex: 1,),

      Flexible(child: Item(),flex: 1,),
    ],
  );

谢谢,它很管用!小提示:此解决方案不需要
FittedBox
Container
环绕
Row
。它实际上不会在溢出时缩放项目,但在我的情况下这不是一个问题哦,而且我还必须在
灵活的
小部件之间放置
SizedBox
-es以创建最小间距。谢谢!小提示:此解决方案不需要
FittedBox
Container
环绕
Row
。它实际上不会在溢出时缩放项目,但在我的情况下这不是问题哦,而且我还必须在
灵活的
小部件之间放置
SizedBox
-es以创建最小间距