Виджет SimpleDialog

Виджет SimpleDialog выводит вертикальный список выбора. Заголовок - в title, пункты - SimpleDialogOption в children. Открывают через showDialog.

Синтаксис

SimpleDialog(
	title: Text('abcde'),
	children: [
		SimpleDialogOption(
			onPressed: () {},
			child: Text('12345'),
		),
	],
)

Параметры

Параметр	Описание
`title`	Заголовок окна.
`children`	Список пунктов выбора.

Пример

Давайте откроем SimpleDialog:

import 'package:flutter/material.dart';

void main()
{
	runApp(const MaterialApp(home: SimpleDemo()));
}

class SimpleDemo extends StatelessWidget
{
	const SimpleDemo({super.key});

	@override
	Widget build(BuildContext context)
	{
		return Scaffold(
			body: Center(
				child: ElevatedButton(
					onPressed: () {
						showDialog(
							context: context,
							builder: (ctx) {
								return SimpleDialog(
									title: Text('abcde'),
									children: [
										SimpleDialogOption(
											onPressed: () => Navigator.pop(ctx),
											child: Text('12345'),
										),
									],
								);
							},
						);
					},
					child: Text('abcde'),
				),
			),
		);
	}
}

Окно с заголовком и одним пунктом '12345'.

Пример

Давайте добавим два пункта:

import 'package:flutter/material.dart';

void main()
{
	runApp(
		MaterialApp(
			home: Scaffold(
				body: Center(
					child: SimpleDialog(
						children: [
							SimpleDialogOption(onPressed: () {}, child: Text('abcde')),
							SimpleDialogOption(onPressed: () {}, child: Text('12345')),
						],
					),
				),
			),
		),
	);
}

Два кликабельных пункта на экране.

Смотрите также

виджет SimpleDialogOption,
один пункт в SimpleDialog
функция showDialog,
которой открывают окно
виджет AlertDialog,
диалог с actions
виджет Dialog,
пустая форма окна