Flutter :将2个大小的容器放置在一列的中间

62o28rlo  于 2023-06-30  发布在  Flutter
关注(0)|答案(1)|浏览(76)

我有2个容器的宽度和高度设置为他们和一个背景颜色(基本上是一个小盒子)。我想把这两个容器放在中间或父容器上,在同一行上分为两列,每列中间。
我知道这听起来很混乱。真的不是这就是我想要实现的:

有两个黄色的容器在中间的一个假想的列,采取一半的宽度的容器。
这是我的行,包含两个黄色框:

Row(
    children: [
      SwitchPreviewButton(),
      
      SwitchPreviewButton(),
    ],
  );

这是一个黄色的盒子小部件:

Widget build(BuildContext context) {
    double width = 10.22;
    double height = 17.32;

    return Container(
      constraints: BoxConstraints(maxWidth: width, maxHeight: height),
      width: width,
      height: height,
      decoration: BoxDecoration(
        color: Colors.yellow, //const Color(0xFFB0B0B0),
        borderRadius: BorderRadius.circular(1.16)
      ),
    );
  }

这就是我得到的

如果我尝试使用Expand并居中,黄色小部件将占用100%的可用空间。
我该如何做到这一点?

tvokkenx

tvokkenx1#

将此添加到您的行

Row(
 mainAxisAlignment: MainAxisAlignment.spaceAround,  //<---- ADD THIS
    children: [
      SwitchPreviewButton(),
      
      SwitchPreviewButton(),
    ],
  );

相关问题