Как развернуть свернутый элемент горизонтально внутри навигационного ящика в флаттере

Question

Я хочу добавить развернутый элемент свертывания по горизонтали внутри панели навигации. Есть ли пример или код GitHub. Ниже я добавил изображение, чтобы вы могли понять, что я пытаюсь сказать.

Answer 1

Вы можете достичь этого результата, используя плитку расширения:

  bool _isExpanded = false;

  @override
  Widget build(BuildContext context) {


    return Scaffold(
      appBar: AppBar(
        title: Text('Expansion Tile'),
      ),
      drawer: Drawer(
        child: Column(
          children: <Widget>[
            ExpansionTile(
              onExpansionChanged: (b) {
                setState(() {
                  _isExpanded = !_isExpanded; //using set state just to exemplify
                });
              },
              title: Text('Expand items'),
              trailing: Padding(
                padding: const EdgeInsets.only(right: 100),
                child: Icon(_isExpanded
                    ? Icons.keyboard_arrow_up
                    : Icons.keyboard_arrow_down),
              ),
              children: <Widget>[
                Padding(
                  padding: const EdgeInsets.only(left: 30, right: 60),
                  child: ExpansionTile(
                    title: Text('First child'),
                  ),
                ),
                Padding(
                  padding: const EdgeInsets.only(left: 30, right: 60),
                  child: ExpansionTile(
                    title: Text('Second child'),
                  ),
                ),
              ],
            )
          ],
        ),
      ),
    );
  }

Результат:

Answer 2

Вы можете создать собственный ящик.

Проверьте этот пример

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

Надеюсь, это поможет!