Функция showTimePicker

Функция showTimePicker показывает часы Material или Cupertino. Контекст - context, начальное время - TimeOfDay в initialTime. Возвращает TimeOfDay или null.

Синтаксис

showTimePicker(
	context: context,
	initialTime: TimeOfDay.now(),
)

Параметры

Параметр	Описание
`context`	Контекст экрана.
`initialTime`	Час и минута при открытии.

Пример

Давайте откроем выбор времени:

import 'package:flutter/material.dart';

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

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

	@override
	Widget build(BuildContext context)
	{
		return Scaffold(
			body: Center(
				child: ElevatedButton(
					onPressed: () {
						showTimePicker(
							context: context,
							initialTime: TimeOfDay(hour: 9, minute: 0),
						);
					},
					child: Text('abcde'),
				),
			),
		);
	}
}

Появится циферблат с началом 9:00.

Пример

Давайте выведем выбранное время:

import 'package:flutter/material.dart';

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

class TimePage2 extends StatefulWidget
{
	const TimePage2({super.key});

	@override
	State<TimePage2> createState() => _TimePage2State();
}

class _TimePage2State extends State<TimePage2>
{
	String label = '12345';

	@override
	Widget build(BuildContext context)
	{
		return Scaffold(
			body: Center(
				child: ElevatedButton(
					onPressed: () async {
						final t = await showTimePicker(
							context: context,
							initialTime: TimeOfDay.now(),
						);
						if (t != null) {
							setState(() => label = '${t.hour}:${t.minute}');
						}
					},
					child: Text(label),
				),
			),
		);
	}
}

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

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

класс TimeOfDay,
результат showTimePicker
функция showDatePicker,
выбор даты
метод now,
текущее TimeOfDay
функция showDateRangePicker,
диапазон дат