Класс DropdownMenuItem
Класс DropdownMenuItem задаёт value и child для DropdownButton.
Синтаксис
DropdownMenuItem(value: 'abcde', child: Text('abcde'))
Параметры
| Параметр | Описание |
|---|---|
value |
Значение, которое список вернёт при выборе этого пункта. |
child |
Виджет пункта, обычно текст. |
Пример
Давайте соберём кнопку:
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'))], onChanged: (_) {}),
),
),
),
);
}
На экране список с одним пунктом.
Пример
Давайте добавим второй пункт:
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: (_) {}),
),
),
),
);
}
На экране два пункта в меню.
Смотрите также
-
виджет
DropdownButton,
который открывает выпадающий список -
виджет
DropdownButtonFormField,
который встраивает список в форму -
виджет
DropdownMenu,
который рисует полеMaterial3 с меню -
виджет
Form,
который объединяет поля формы