如何制作这样的自定义容器：

Question

在这里输入图像描述我需要制作这个自定义容器

我尝试了更多通过边界半径来实现它，但我做不到，我希望 stack over flow 做到这一点

Answer 1

您可以使用 DecoratedBox 为每个角设置边界半径：

Center(
    child: DecoratedBox(
      decoration: BoxDecoration(
      color: Colors.deepOrangeAccent.shade200,
      borderRadius: const BorderRadius.only(
      bottomLeft: Radius.circular(100),
      bottomRight: Radius.circular(4),
      topLeft: Radius.circular(8),
      topRight: Radius.circular(8),
      ),
      ),
      child: const SizedBox(
      height: 100,
      width: 100,
      ),
    ),
    ),

Answer 2

试试下面的代码：

Container(
  height: 100.0,
  width: 100.0,
  decoration: BoxDecoration(
    color: Colors.orange[100],
    borderRadius: const BorderRadius.only(
      topLeft: Radius.circular(15.0),
      topRight: Radius.circular(15.0),
      bottomLeft: Radius.circular(100.0),
      bottomRight: Radius.circular(5.0),
    ),
  ),
),