如何使第一个容器成为flutter Row小部件中的最后一个容器



我可以在Colum小部件中使用VerticalDirection.down来实现这一点,但Row小部件中没有水平方向属性。有没有办法把它付诸实践?

Widget build(BuildContext context) {
return MaterialApp(
home: Scaffold(
backgroundColor: Colors.blueGrey,
body: SafeArea(
child: Row(
children: <Widget>[
Container(
child: Text("Hello world"),
height: 100.0,
width: 100.0,
color: Colors.blueAccent,
),
Container(
child: Text("Hello World"),
height: 100.0,
width: 100.0,
color: Colors.greenAccent,
),
Container(
child: Text("Hello World"),
height: 100.0,
width: 100.0,
color: Colors.amberAccent,
),
],
)),
),
);
}

尝试添加

Row(
textDirection: TextDirection.rtl
//...
)

添加mainAxisAlignment: MainAxisAlignment.end如果您希望项目保留在左侧

Row(
textDirection: TextDirection.rtl,
mainAxisAlignment: MainAxisAlignment.end,
//...
)

只需将mainAxisAlignment: MainAxisAlignment.end添加到此行

Row(
mainAxisAlignment: MainAxisAlignment.end,
children: <Widget>[
Container(
child: Text("Hello world"),
height: 100.0,
width: 100.0,
color: Colors.blueAccent,
),

Container(
child: Text("Hello World"),
height: 100.0,
width: 100.0,
color: Colors.greenAccent,
),
Container(
child: Text("Hello World"),
height: 100.0,
width: 100.0,
color: Colors.amberAccent,
),
],
)

mainAxisAlignment: MainAxisAlignment.end放入行

相关内容

最新更新