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

问题描述 投票:0回答:1

我正在尝试实现对话框,该对话框应该有一个自定义卡片,其中子窗口小部件可以部分出来,如此sample image所示

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

dart flutter dialog flutter-layout
1个回答
0
投票

我建议在其中使用带有容器的对话框,然后容器可以有一个列或堆栈,你可以在这里重新定位你的小部件是一个小例子

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'
                  ),
                ),
              ],
            ),
          ],
        ),
      ),
    );
© www.soinside.com 2019 - 2024. All rights reserved.