Виджет DropdownMenu

Виджет DropdownMenu принимает dropdownMenuEntries из DropdownMenuEntry.

Синтаксис

DropdownMenu<String>(dropdownMenuEntries: entries, onSelected: (v) {})

Параметры

Параметр	Описание
`dropdownMenuEntries`	Список пунктов меню.
`initialSelection`	Стартовое значение.
`onSelected`	Вызывается при выборе.
`controller`	Контроллер текста поля `TextEditingController`.

Пример

Давайте выведем меню:

import 'package:flutter/material.dart';

void main()
{
	runApp(
		MaterialApp(
			home: Scaffold(
				body: Center(
					child: DropdownMenu<String>(dropdownMenuEntries: const [DropdownMenuEntry(value: 'abcde', label: Text('abcde'))], onSelected: (_) {}),
				),
			),
		),
	);
}

На экране поле с меню Material 3.

Пример

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

import 'package:flutter/material.dart';

void main()
{
	runApp(
		MaterialApp(
			home: Scaffold(
				body: Center(
					child: DropdownMenu<String>(initialSelection: '12345', dropdownMenuEntries: const [DropdownMenuEntry(value: 'abcde', label: Text('abcde')), DropdownMenuEntry(value: '12345', label: Text('12345'))], onSelected: (_) {}),
				),
			),
		),
	);
}

На экране выбрано '12345'.

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

класс DropdownMenuEntry,
который описывает пункт DropdownMenu
виджет DropdownButton,
который открывает выпадающий список
класс TextEditingController,
который хранит текст и выделение
виджет Form,
который объединяет поля формы