Во Flutter CupertinoAlertDialog — это виджет, который отображает диалоговое окно оповещения в стиле iOS. Это мощный инструмент для отображения важной информации или получения информации от пользователя в ваших приложениях Flutter. В этой статье мы рассмотрим различные методы использования CupertinoAlertDialog с примерами кода.
Методы использования CupertinoAlertDialog:
Text(‘Alert Content’),
действия: [
CupertinoDialogAction(
дочерний элемент: Text(‘OK’),
onPressed: () {
Navigator.of(context ).pop();
},
),
],
);
},
);
- Настройка действий.
Вы можете настроить действия в CupertinoAlertDialog, добавив несколько виджетов CupertinoDialogAction. Каждое действие может иметь свой собственный текст, стиль и обработчик onPressed. Вот пример:
Text(‘Вы уверены?’),
действия: [
CupertinoDialogAction(
child: Text(‘Да’),
onPressed: () {
// Выполнить действие по Да
Navigator.of(context).pop();
},
),
CupertinoDialogAction(
дочерний элемент: Text(‘No’),
onPressed: ( ) {
// Выполнение действия над No
Navigator.of(context).pop();
},
isDestructiveAction: true,
),
],
);
},
);
- Добавление дополнительных виджетов.
CupertinoAlertDialog позволяет добавлять дополнительные виджеты в раздел контента. Например, вы можете включить изображение или собственный виджет, чтобы предоставить больше контекста или визуальных элементов. Вот пример:
Column(
дочерние элементы: [
Text(‘Вот некоторая информация.’),
Image.asset(‘assets/image.png’),
],
),
действия: [
CupertinoDialogAction(
child: Text(‘OK’),
onPressed: () {
Navigator.of(context).pop();
},
),
],
);
},
);
- Стилизация CupertinoDialogAction.
Вы можете настроить стиль CupertinoDialogAction в соответствии с дизайном вашего приложения. Например, вы можете изменить цвет и шрифт кнопки или добавить дополнительные виджеты в действие. Вот пример:
Text(‘Вы уверены?’),
действия: [
CupertinoDialogAction(
дочерний элемент: Row(
mainAxisAlignment: MainAxisAlignment.center,
дочерние элементы: [
Значок (Icons.delete),
SizedBox(width: 8),
Text(‘Delete’),
],
),
onPressed: () {
// Выполнить действие удаления
Navigator.of(context).pop();
},
isDestructiveAction: true,
),
],
);
},
);
CupertinoAlertDialog — это универсальный виджет Flutter, который позволяет отображать диалоговые окна предупреждений в стиле iOS в ваших приложениях. В этой статье мы рассмотрели несколько методов использования CupertinoAlertDialog на примерах кода. Используя эти методы, вы можете создавать настраиваемые и визуально привлекательные диалоговые окна предупреждений, чтобы улучшить взаимодействие с пользователем в ваших приложениях Flutter.