对话框中的自定义背景形状

Question

我正在尝试实现一个对话框，该对话框应该具有某种定制卡，其中子小部件可以部分出现，如此sample image

所示

请帮助我如何在抖动中重新创建它。

Answer 1

我建议使用一个带有容器的对话框，然后该容器可以具有列或堆栈，您可以在此处重新放置小部件

return Dialog(
      child: Container(
        decoration: BoxDecoration(borderRadius: BorderRadius.circular(10.0)),
        child: Column(
          mainAxisAlignment: MainAxisAlignment.center,
          children: <Widget>[
            Stack(
              alignment: Alignment.topCenter,
              overflow: Overflow.visible,
              children: <Widget>[
                Container(
                  child: Text('a widget'),
                ),
                Positioned(
                  child: Container( ),
                ),
                Positioned(
                  child: Image.asset(
                    'your image link  here'
                  ),
                ),
              ],
            ),
          ],
        ),
      ),
    );