0

我在卡片中有一个 Row 小部件,我想将 Row 完美地划分为卡片宽度的一半,并在每一半中放置一些居中的文本。因此,必须固定一半的行间距,并且每个文本必须在它所在的一半居中。这是一个例子:

在此处输入图像描述

有任何想法吗?

4

2 回答 2

3

尝试这个

Row(
  mainAxisAlignment: MainAxisAlignment.center,
  children: [
    Expanded(child: Center(child: TextButton(...))),
    VerticalDivider(width: 1.0),
    Expanded(child: Center(child: TextButton(...))),
  ],
),
于 2021-01-28T20:37:22.460 回答
1

就我而言,我尝试过这样

 @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: ...
              ),
          ]
        ),
      ],
    );
  }
于 2021-09-02T11:19:28.037 回答