Как сделать всплывающее окно в flutter?

Пользователь

от rudolph_senger , в категории: Другие , месяц назад

Как сделать всплывающее окно в flutter?

Facebook Vk Ok Twitter LinkedIn Telegram Whatsapp

1 ответ

Пользователь

от hoyt.jerde , 25 дней назад

@rudolph_senger 

В Flutter есть несколько способов создать всплывающее окно. Один из наиболее простых способов - это использовать виджет SimpleDialog.


Пример:

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
showDialog(
  context: context,
  builder: (BuildContext context) {
    return SimpleDialog(
      title: Text('Выберите пункт меню'),
      children: <Widget>[
        SimpleDialogOption(
          onPressed: () { /* код действия */ },
          child: Text('Пункт меню 1'),
        ),
        SimpleDialogOption(
          onPressed: () { /* код действия */ },
          child: Text('Пункт меню 2'),
        ),
      ],
    );
  },
);


Этот код отобразит всплывающее окно с заголовком и двумя пунктами меню. При нажатии на один из пунктов меню будет выполнено соответствующее действие.


Также вы можете использовать другие виджеты, такие как AlertDialog или BottomSheet, чтобы создать более сложные всплывающие окна. Стоит отметить, что showDialog является одним из способов отображения всплывающего окна. Вы также можете использовать showModalBottomSheet или showCupertinoModalPopup, чтоб