我可以在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
放入行