Создаем портфолио за 1 месяц
К концу месяца: 4 классных проекта в вашем портфолио! Стоимость: 100$. Подробности...
635 of 1024 menu
◀ ▶

Класс 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,
    который рисует поле Material 3 с меню
  • виджет Form,
    который объединяет поля формы
← →
↑
Мы используем cookie для работы сайта, аналитики и персонализации. Обработка данных происходит согласно Политике конфиденциальности.
принять все настроить отклонить