class MyApp extends StatelessWidget {
@override
Widget build(BuildContext context) {
return Scaffold(
appBar: AppBar(
title: Text(
'Flutter Demo'
),
),
body: Row(
mainAxisAlignment: MainAxisAlignment.center,
crossAxisAlignment: CrossAxisAlignment.center,
children: <Widget>[
Text(
'Hell World!'
)
],
)
);
}
}
为什么文本 Hell World
只水平居中,而我也指定了CrossAxisAligment
使其垂直居中。
这是因为这个问题:Issue
crossAxisAlignment
控制元素的位置,而不是行的大小。我们需要一个类似于mainAxisSize
的crossAxisSize
。但是这不存在,因为像CrossAxisAlignment.stretch
这样的对齐方式会使行填充垂直空间。 - Rémi RousseletcrossAxisSize
这样的东西。 - Shubhamhackz