flutter Dropdownbutton的垂直实现

Question

我需要 flutter 上的 DropDownMenu 按钮的垂直版本。 而不是下拉，我希望它用垂直轴列表而不是水平轴列表“下降”到侧面。 有没有办法用 DropDownMenu 按钮做到这一点，或者有替代工具吗？

我使用了 RotatedBox 但无法让列表旋转。 我只能设法旋转选定的文本。

class DropDownButton extends StatefulWidget {

  final Function(int)? valueReturned; //callback function
  DropDownButton({Key? key, this.valueReturned}) : super(key: key);

  @override
  _DropDownButtonState createState() => _DropDownButtonState();
}

class _DropDownButtonState extends State<DropDownButton> {
  List<ListItem> _dropdownItems = [
    ListItem(1, "vertical text"),
    ListItem(2, "vertical text")
  ];

  List<DropdownMenuItem<ListItem>>? _dropdownMenuItems;
  ListItem? _selectedItem;

  void initState() {
    super.initState();
    _dropdownMenuItems = buildDropDownMenuItems(_dropdownItems);
    _selectedItem = _dropdownMenuItems![0].value;
  }

  List<DropdownMenuItem<ListItem>> buildDropDownMenuItems(List listItems) {
    List<DropdownMenuItem<ListItem>> items = [];
    for (ListItem listItem in listItems as Iterable<ListItem>) {
      items.add(
        DropdownMenuItem(
          child: Text(listItem.name, style: TextStyle(color: Colors.brown[50]),),
          value: listItem,
        ),
      );
    }
    return items;
  }

  @override

  Widget build(BuildContext context) {
    return Theme(
      data: Theme.of(context).copyWith(
        canvasColor: Colors.brown.shade300,
      ),
      child:RotatedBox(
        quarterTurns: 1,
              child: DropdownButtonHideUnderline
          (child: DropdownButton<ListItem>(
            value: _selectedItem,
            icon: Icon(Icons.arrow_drop_up),
            items: _dropdownMenuItems,

            onChanged: (value) {
              setState(() {
                _selectedItem = value;
//              widget.valueReturned(_selectedItem.value);
              }
              );
              bloc.updateNavigation(_selectedItem!.value);

            }
        )),
      ),

    );

  }

}

class ListItem {
  int value;
  String name;

  ListItem(this.value, this.name);
}