Блог

Главная - Вопросы по программированию - Разделенные два компонента в диалоговом окне предупреждения

Разделенные два компонента в диалоговом окне предупреждения

#flutter #dart #flutter-layout

#флаттер #dart #флаттер-макет

Вопрос:

Как разделить на две части компоненты диалогового окна предупреждения, как показано на рисунке ниже.

т.е. кнопка «Ok» отделена от основного корпуса

введите описание изображения здесь

Комментарии:

1. Что, если вы просто создадите прозрачный диалог оповещения с основным текстом и кнопкой OK в нем?

2. @AlexRadzishevsky Я не получил вашего ответа. Пожалуйста, не могли бы немного прояснить это

3. @AlexRadzishevsky Я не понял, как я могу отделить кнопку «ок» от основного корпуса

4. для этого нет ограничений, вы не мыслите нестандартно, существует color Colors.transperent, который сделает фон диалога прозрачным и установит высоту равным 0, содержимое должно быть двумя контейнерами, форма второго контейнера должна быть кругом, вот и все

Ответ №1:

вот вам рабочий код

 
class Demo extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      backgroundColor: Colors.grey[400],
      body: Dialog(
        elevation: 0,
        backgroundColor: Colors.transparent,
        child: Column(
          mainAxisSize: MainAxisSize.min,
          children: [
            Container(
              height: 256,
              color: Colors.white,
            ),
            const SizedBox(height: 20,),
            FlatButton(onPressed: (){}, child: const Text("OK"),shape: const CircleBorder(),color: Colors.white,)
          ],
        ),
      ),
    );
  }
}