在 Flutter 中将一行分成相等的两半
Divide a Row into two equal halves in Flutter
我在 Card 中有一个 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: ...
),
]
),
],
);
}
我在 Card 中有一个 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: ...
),
]
),
],
);
}