如何把容器内的容器与边界重叠到底?

Question

应该是什么样子

我想创建一个容器，在底部有另一个容器。因为我在它们中都使用了边框，所以我可以看到它们没有重叠。它看起来像这样:

有没有办法让它看起来像第一张图?

实际情况

我当前的代码是这样的:

Container(
height: 364.h,
decoration: BoxDecoration(
borderRadius: BorderRadius.circular(10),
border: Border.all(
width: 5.r,
),
),
child: Expanded(
child: Align(
alignment: FractionalOffset.bottomCenter,
child: Container(
height: 50.h,
decoration: BoxDecoration(
borderRadius: BorderRadius.circular(10),
border: Border.all(
width: 5.r,                            
),
),
),
),
),
),

Answer 1

可以使用Stack并使用align将其子元素对齐到底部。

Stack(
alignment: Alignment.bottomCenter,
children: [
Container(
height: 364.0,
decoration: BoxDecoration(
color: Colors.white,
borderRadius: BorderRadius.circular(10),
border: Border.all(
width: 5.0,
),
),
),
Container(
height: 50.0,
decoration: BoxDecoration(
borderRadius: BorderRadius.circular(10),
border: Border.all(
width: 5.0,
),
),
)
],
);