Виджет DropdownButton

Виджет DropdownButton принимает value и список DropdownMenuItem.

Синтаксис

DropdownButton<String>(value: 'abcde', items: items, onChanged: (v) {})

Параметры

Параметр	Описание
`value`	Выбранное значение.
`items`	Список пунктов.
`onChanged`	Вызывается при выборе.
`hint`	Подсказка без value.

Пример

Давайте выведем список:

import 'package:flutter/material.dart';

void main()
{
	runApp(
		MaterialApp(
			home: Scaffold(
				body: Center(
					child: DropdownButton<String>(value: 'abcde', items: const [DropdownMenuItem(value: 'abcde', child: Text('abcde')), DropdownMenuItem(value: '12345', child: Text('12345'))], onChanged: (_) {}),
				),
			),
		),
	);
}

На экране кнопка с текущим значением 'abcde'.

Пример

Давайте сменим value:

import 'package:flutter/material.dart';

void main()
{
	runApp(
		MaterialApp(
			home: Scaffold(
				body: Center(
					child: DropdownButton<String>(value: '12345', items: const [DropdownMenuItem(value: 'abcde', child: Text('abcde')), DropdownMenuItem(value: '12345', child: Text('12345'))], onChanged: (_) {}),
				),
			),
		),
	);
}

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

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

класс DropdownMenuItem,
который описывает пункт списка
виджет DropdownButtonFormField,
который встраивает список в форму
виджет DropdownMenu,
который рисует поле Material 3 с меню
виджет Form,
который объединяет поля формы