Пользовательские фоновые фигуры для диалога в флаттере

Question

Я пытаюсь реализовать диалог, в котором должна быть какая-то пользовательская карта, в которой дочерние виджеты могут частично выходить , как показано на этом образце изображения

Пожалуйста, помогите мне, как воссоздать его во флаттере.

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'
                  ),
                ),
              ],
            ),
          ],
        ),
      ),
    );