Функция showAdaptiveDialog

Функция showAdaptiveDialog выбирает Material или Cupertino вид. Контекст - context, построитель - builder, на iOS можно задать barrierColor. На Android обычно получается AlertDialog.

Синтаксис

showAdaptiveDialog(
	context: context,
	builder: (BuildContext context) {
		return AlertDialog(title: Text('abcde'));
	},
)

Параметры

Параметр	Описание
`context`	Контекст экрана.
`builder`	Строит виджет диалога.

Пример

Давайте откроем adaptive dialog:

import 'package:flutter/material.dart';

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

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

	@override
	Widget build(BuildContext context)
	{
		return Scaffold(
			body: Center(
				child: ElevatedButton(
					onPressed: () {
						showAdaptiveDialog(
							context: context,
							builder: (ctx) {
								return AlertDialog(
									title: Text('abcde'),
									content: Text('12345'),
								);
							},
						);
					},
					child: Text('abcde'),
				),
			),
		);
	}
}

Стиль окна подстроится под целевую платформу.

Пример

Давайте используем AlertDialog.adaptive:

import 'package:flutter/material.dart';

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

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

	@override
	Widget build(BuildContext context)
	{
		return Scaffold(
			body: Center(
				child: ElevatedButton(
					onPressed: () {
						showAdaptiveDialog(
							context: context,
							builder: (ctx) {
								return AlertDialog.adaptive(title: Text('12345'));
							},
						);
					},
					child: Text('12345'),
				),
			),
		);
	}
}

Заголовок '12345' в адаптивном AlertDialog.

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

метод adaptive,
конструктор AlertDialog
функция showDialog,
только Material
функция showGeneralDialog,
кастомная анимация
виджет AlertDialog,
содержимое окна