我在卡片中有一个 Row 小部件,我想将 Row 完美地划分为卡片宽度的一半,并在每一半中放置一些居中的文本。因此,必须固定一半的行间距,并且每个文本必须在它所在的一半居中。这是一个例子:
有任何想法吗?
我在卡片中有一个 Row 小部件,我想将 Row 完美地划分为卡片宽度的一半,并在每一半中放置一些居中的文本。因此,必须固定一半的行间距,并且每个文本必须在它所在的一半居中。这是一个例子:
有任何想法吗?
尝试这个
Row(
mainAxisAlignment: MainAxisAlignment.center,
children: [
Expanded(child: Center(child: TextButton(...))),
VerticalDivider(width: 1.0),
Expanded(child: Center(child: TextButton(...))),
],
),
就我而言,我尝试过这样
@override
Widget build(BuildContext context) {
final _screen = MediaQuery.of(context).size;
return Column(
children: [
Row(
mainAxisAlignment: MainAxisAlignment.spaceBetween,
children: [
Container(
width: _screen.width * 0.45,
child: ...
),
VerticalDivider(width: 1.0),
Container(
width: _screen.width * 0.45,
child: ...
),
]
),
],
);
}