Блог

Главная - Вопросы по программированию - Как настроить высоту и ширину выпадающего списка в flutter (я дал код, просто скажите мне, как это настроить)

Как настроить высоту и ширину выпадающего списка в flutter (я дал код, просто скажите мне, как это настроить)

#flutter #dart

#flutter #dart

Вопрос:

импортировать ‘package:flutter / material.dart’;

аннулировать main() => runApp(MyApp());

класс MyApp расширяет StatelessWidget { static const String _title = ‘Пример кода Flutter’;

@переопределить сборку виджета (контекст BuildContext) { вернуть MaterialApp( title: _title, home: Scaffold( AppBar: AppBar(title: const Text(_title)), body: Center( дочерний элемент: MyStatefulWidget(), ), ), ); } }

класс MyStatefulWidget расширяет StatefulWidget { MyStatefulWidget({Key key}) : супер(ключ: ключ);

@переопределить _MyStatefulWidgetState createState() => _MyStatefulWidgetState(); }

класс _MyStatefulWidgetState расширяет состояние { String dropdownValue = ‘One’;

@переопределить сборку виджета (контекст BuildContext) { вернуть выпадающую кнопку ( значение: выпадающее значение, значок: значок (Icons.arrow_downward), размер значка: 15, высота: 16, стиль: TextStyle(цвет: Colors.DeepPurple), подчеркивание: контейнер (высота: 2, цвет: Colors.deepPurpleAccent, ),OnChanged: (String newValue) { setState(() { dropdownValue = newValue; }); }, элементы: [‘Один’, ‘Два’, ‘Бесплатно’, ‘Четыре’] .map<Выпадающий список>((Строковое значение) { return выпадающий список( значение: значение, дочерний элемент:Text(value), ); }).ToList(), ); } }

Комментарии:

1. Было бы полезно, если бы вы просмотрели руководство по размещению и представили свой код в виде форматированного блока. Один из простых способов сделать это — поместить четыре обратных апострофа («) над и под кодом.

Ответ №1:

Вы можете добавить width: (specification) и height: (specification) в свой выпадающий список. Спецификация -> номер.

Пожалуйста, используйте опцию форматирования примера кода.

Ответ №2:

вы можете сделать это так :

 return Container(
  child: DropdownButton(
    value: dropdownValue,
    icon: Icon(Icons.arrow_downward), 
    iconSize: 15, 
    elevation: 16, 
    style: TextStyle(color: Colors.deepPurple), 
    underline: Container( 
      height: 2, 
      color: Colors.deepPurpleAccent, 
    ), 
    onChanged: (newValue) {
      setState(() { 
        dropdownValue = newValue; 
      });
    }, 
    items: ['One', 'Two', 'Free', 'Four'] .map<DropdownMenuItem>((String value) { 
      return DropdownMenuItem(
        value: value,
        child: Container(
          height: 100,
          width: 200,
          alignment: Alignment.centerLeft,
          child: Text(value)
        )
      ); 
    }).toList(),
  )
);

Кстати, пожалуйста, используйте опцию форматирования примера кода.

Метки: , ,