Как сделать выпадающий список, который содержит элемент сетки при щелчке по флаттеру

Question

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

https://cdn.dribbble.com/users/1502567/screenshots/7147539/media/dbca2b397050acac918164ddfc5820cd.jpg

Answer 1

Пример не Dropdown, это ExpansionTile для достижения этой цели.

Подробнее здесь https://flutter.dev/docs/catalog/samples/expansion-tile-sample

Answer 2

Этот пример не похож на выпадающий список, больше похож на контейнер для сетки предметов? Я бы использовал Table, чтобы содержать все эти элементы. Flutter.dev имеет действительно хорошую документацию о том, как его использовать: https://api.flutter.dev/flutter/widgets/Table-class.html

bool pressed;

@override
  Widget build(BuildContext context) {
    return Scaffold(
      body: ListView(
        children: <Widget>[    
          RaisedButton(
            child: Text("button"),
            onPressed: () {
              setState(() {
                pressed = true;
              });
            },
          )
          // show table if pressed is true, otherwise show an empty widget
          pressed ? Table() : SizedBox(), 
        ],
      ),
    );
  }