Flutter 颤振-主轴不对齐';不能在一列中的一行中工作
我熟悉Flutter 颤振-主轴不对齐';不能在一列中的一行中工作,flutter,dart,Flutter,Dart,我熟悉行和列小部件。但我一直在尝试将行的内容浮动到列中父行的正确大小上,但不起作用 Row( // mainAxisSize: MainAxisSize.min, mainAxisAlignment: isMine ? MainAxisAlignment.end : MainAxisAlignment.start, children: <Widget>[ Container( margin: isMine ?
行
和列
小部件。但我一直在尝试将行
的内容浮动到列
中父行
的正确大小上,但不起作用
Row(
// mainAxisSize: MainAxisSize.min,
mainAxisAlignment:
isMine ? MainAxisAlignment.end : MainAxisAlignment.start,
children: <Widget>[
Container(
margin: isMine
? EdgeInsets.only(right: 10.0, bottom: 20.0)
: EdgeInsets.only(
left: 10.0,
bottom: 20.0,
),
constraints: BoxConstraints(maxWidth: deviceSize.width * 0.85),
decoration: BoxDecoration(
color: isMine ? Colors.green[200] : Colors.grey[300],
borderRadius: BorderRadius.circular(10.0)),
padding: EdgeInsets.symmetric(vertical: 10.0, horizontal: 10.0),
child: Column(
mainAxisAlignment: MainAxisAlignment.end,
crossAxisAlignment: CrossAxisAlignment.start,
children: <Widget>[
Text(message),
Row(
// Horizontally
mainAxisAlignment: MainAxisAlignment.end,
// Vertically
crossAxisAlignment: CrossAxisAlignment.center,
mainAxisSize: MainAxisSize.min,
children: <Widget>[
Text(sentAtToSting(sentAt)),
SizedBox(width: 10.0),
Icon(Icons.done_all)
],
),
],
),
),
],
);
行(
//mainAxisSize:mainAxisSize.min,
主轴对准:
isMine?MainAxisAlignment.end:MainAxisAlignment.start,
儿童:[
容器(
页边空白:isMine
?仅限边缘设置(右侧:10.0,底部:20.0)
:仅限边缘设置(
左:10.0,
底部:20.0,
),
约束:框约束(最大宽度:deviceSize.width*0.85),
装饰:盒子装饰(
颜色:isMine?颜色。绿色[200]:颜色。灰色[300],
边界半径:边界半径。圆形(10.0)),
填充:边缘组。对称(垂直:10.0,水平:10.0),
子:列(
mainAxisAlignment:mainAxisAlignment.end,
crossAxisAlignment:crossAxisAlignment.start,
儿童:[
文字(信息),
划船(
//横向
mainAxisAlignment:mainAxisAlignment.end,
//垂直的
crossAxisAlignment:crossAxisAlignment.center,
mainAxisSize:mainAxisSize.min,
儿童:[
文本(sentatosting(sentAt)),
尺寸箱(宽度:10.0),
图标(图标。全部完成)
],
),
],
),
),
],
);
有人能帮我把包含时间和图标的行
移到突出显示区域的右侧吗
我会非常感谢你们的帮助!
谢谢 这是因为你在使用
mainAxisSize: MainAxisSize.min
尝试删除主轴尺寸,请参见谢谢!是的,我已经玩过了,但是我需要屏幕的全尺寸(比文本需要的大得多)。所以你可以做的另一个选择是使用带对齐小部件的换行,然后对齐。右上角,如果不起作用,请尝试在容器内包装行,然后使用AlignOkay包装容器。请你给我解释一下为什么mainAxisAlignment:mainAxisAlignment.end
在这里不起作用,我通常使用它,它使Trickit不起作用,因为mainAxis的大小是最小的,实际上不能说它不起作用,大小是最小的意思是它取了内容的大小,是的,我明白了。非常感谢。也许只需将行包装在容器中,并仅使用(左:deviceSize.width*#)执行其属性边距