Выпадающее меню Flutter будет находиться в центре экрана и показывать только несколько элементов?

Question

В настоящее время я пытаюсь создать выпадающий список, который находится в правой части экрана, и когда вы нажимаете на него, чтобы выбрать вес, он всплывает в середине экрана и показывает только несколько весов. а остальная часть окружена отступами, как на этой картинке: ( Точно так же, как на этой картинке )

Вот так выглядит моя минута с кодом.

Большое спасибо!

class Weight {
int amount;

Weight(this.amount);

static List<Weight> getWeight() {
return <Weight>[
  Weight(66),
  Weight(67),
  Weight(68),
  Weight(69),
  Weight(70),
  Weight(71),
  Weight(72),
  Weight(73),
  Weight(74),
  Weight(75),
  Weight(76),
];
}

static List<DropdownMenuItem<Weight>> buildDropdownMenuItemsWeight(
  List weightAmount) {
List<DropdownMenuItem<Weight>> items = List();


for (Weight weight in weightAmount) {
  items.add(DropdownMenuItem(
    value: weight,
    child: Text('${weight.amount} Lbs'),
  ));
}
return items;
}


 // Bottom that I'm using on the other page, to reference the above class to display the items in dropdown.
 DropdownButton(
      value: _selectedWeightSystem,
      items: _dropdownMenuItems,
      onChanged: onChangeDropdownItemWeightSystem,
 ),

Answer 1

У него уже есть пакет для решения вашей проблемы. Используйте этот Numberpicker . Он также поддерживает пользовательский интерфейс в качестве примера, приведенного вами