如何在 flutter 中堆叠圆角矩形，使它们相互嵌入

Question

我有角圆角矩形，我想将其堆叠如下。每个方块都与下一个方块相连，颜色与下面的方块相同。

我找不到我想要的，也就是说如何得到这个形状。我的代码如下，渲染基本的圆角矩形：

return Container(
  decoration: BoxDecoration(
    color: backgroundColor,
    borderRadius: BorderRadius.circular(16),  
  ),
  child: Padding(
    padding: const EdgeInsets.all(16),
    child: Row(
      children: [
        const SizedBox(width: 16),
        Expanded(
          child: Column(
            crossAxisAlignment: CrossAxisAlignment.start,
            children: [
              Text(
                expense.description,
                style: const TextStyle(
                  fontSize: 16,
                  fontWeight: FontWeight.bold,
                  color: Colors.black,
                ),
              ),
              Text(
                DateFormat('dd/MM/yyyy').format(expense.date),
                style: TextStyle(
                  fontSize: 14,
                  color: Colors.grey[600],
                ),
              ),
            ],
          ),
        ),
        Text(
          '${expense.amount.toStringAsFixed(2)} €',
          style: TextStyle(
            fontSize: 16,
            fontWeight: FontWeight.bold,
            color: amountColor,
          ),
        ),
      ],
    ),
  ),
);

你知道我可以轻松做到这一点吗？

Answer 1

您可以在这里做的是制作一个堆栈，放置一个带有颜色的卡片容器，然后放置另一张高度为（前一张卡片+新卡片）的卡片，然后当您添加第三张相同的卡片时，高度将为（第一张卡片高度+第二张卡片） + 新卡）。

请告诉我这是否有效或者您需要正确的代码示例。