Flutter 在Flitter中有没有办法在下拉列表中添加更多的项目？

实际上，我想在下拉列表中的一个项目中添加更多的项目，就像Web一样。 请帮帮我，谢谢

---

我创建了自己的小部件，就像这样

import'dart:math'；
进口“包装：颤振/材料.省道”；
void main（）=>runApp（MyApp（））；
类MyApp扩展了无状态小部件{
@凌驾
小部件构建（构建上下文）{
返回材料PP(
标题：“颤振演示”，
主题：主题数据(
主样本：颜色。蓝色，
),
家：脚手架(
正文：安全区(
子：MyHomePage（），
),
),
);
}
}
类MyHomePage扩展StatefulWidget{
@凌驾
_MyHomePageState createState（）=>\u MyHomePageState（）；
}
类_MyHomePageState扩展状态{
@凌驾
小部件构建（构建上下文）{
返回列表视图(
儿童：[
手风琴(
标题：“1级”，
子：列(
儿童：[
手风琴(
标题：“2级”，
孩子：手风琴(
标题：“三级”，
子：列(
儿童：[
手风琴(
标题：“4级”，
子项：文本（“第4级内容”），
),
],
),
),
),
手风琴(
标题：“2级”，
子项：文本（'Level2 content'），
),
],
)),
手风琴(
标题：“1级”，
子项：文本（“级别1内容”），
),
],
);
}
}
类Accordion扩展StatefulWidget{
康斯特手风琴({
关键点，
@需要这个标题，
@需要这个孩子，
})：super（key:key）；
最后的字符串标题；
最后一个孩子；
@凌驾
_AccordionState createState（）=>\u AccordionState（）；
}
类_AccordionState扩展状态
使用SingleTickerProviderStateMixin{
动画控制器_控制器；
动画高度因子；
动画;；
bool _isExpanded=false；
@凌驾
无效处置（）{
_controller.dispose（）；
super.dispose（）；
}
void_handleTap（）{
设置状态（）{
_isExpanded=！\u isExpanded；
如果（_i扩展）{
_controller.forward（）；
}否则{
_controller.reverse（）.then（（值）{
如果（！已安装）返回；
setState（（）{}）；
});
}
});
}
@凌驾
void initState（）{
_控制器=动画控制器(
持续时间：持续时间(
毫秒：150，
),
vsync:这个,，
);
_高度因子=_controller.drive（曲线之间的曲线（曲线：Curves.easeIn））；
_色差=色差(
开始：颜色。灰色，
结束：颜色。黑色87，
).animate（曲线动画（父对象：_控制器，曲线：Curves.easeIn））；
super.initState（）；
}
@凌驾
小部件构建（构建上下文）{
返回动画生成器(
动画：_controller.view，
建筑商：（uu，uuu）{
返回列(
crossAxisAlignment:crossAxisAlignment.start，
儿童：[
手势检测器(
行为：HitTestBehavior.不透明，
孩子：填充(
填充：从LTRB（10,10,0,10）开始的边缘设置，
孩子：排(
mainAxisAlignment:mainAxisAlignment.spaceBetween，
儿童：[
灵活的(
子：文本(
widget.title，
样式：TextStyle(
fontWeight:fontWeight.bold，
),
),
),
变换。旋转(
角度：pi*_高度因子值*0.5，
子：图标(
Icons.arrow_forward_ios，
颜色：_colorTween.value，
),
)
],
),
),
onTap:_handleTap，
),
克里普雷克特(
子对象：对齐(
对齐：alignment.centerLeft，
高度因子：_heightFactor.value，
孩子：填充(
填充：仅限边缘设置（底部：10，左侧：10），
child:widget.child，
),
),
),
],
);
});
}
}

感谢您的贡献，我们尝试开发您的解决方案，但这无法添加到微调器中

import 'dart:math';
import 'package:flutter/material.dart';

void main() => runApp(MyApp());

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Flutter Demo',
      theme: ThemeData(
        primarySwatch: Colors.blue,
      ),
      home: Scaffold(
        body: SafeArea(
          child: MyHomePage(),
        ),
      ),
    );
  }
}

class MyHomePage extends StatefulWidget {
  @override
  _MyHomePageState createState() => _MyHomePageState();
}

class _MyHomePageState extends State<MyHomePage> {
  @override
  Widget build(BuildContext context) {
    return ListView(
      children: [
        Accordion(
            title: 'Level1',
            child: Column(
              children: [
                Accordion(
                  title: 'Level2',
                  child: Accordion(
                    title: 'Level3',
                    child: Column(
                      children: [
                        Accordion(
                          title: 'Level4',
                          child: Text('Level4 content'),
                        ),
                      ],
                    ),
                  ),
                ),
                Accordion(
                  title: 'Level2',
                  child: Text('Level2 content'),
                ),
              ],
            )),
        Accordion(
          title: 'Level1',
          child: Text('Level1 content'),
        ),
      ],
    );
  }
}

class Accordion extends StatefulWidget {
  const Accordion({
    Key key,
    @required this.title,
    @required this.child,
  }) : super(key: key);

  final String title;
  final Widget child;
  @override
  _AccordionState createState() => _AccordionState();
}

class _AccordionState extends State<Accordion>
    with SingleTickerProviderStateMixin {
  AnimationController _controller;
  Animation<double> _heightFactor;
  Animation _colorTween;

  bool _isExpanded = false;

  @override
  void dispose() {
    _controller.dispose();
    super.dispose();
  }

  void _handleTap() {
    setState(() {
      _isExpanded = !_isExpanded;
      if (_isExpanded) {
        _controller.forward();
      } else {
        _controller.reverse().then<void>((value) {
          if (!mounted) return;
          setState(() {});
        });
      }
    });
  }

  @override
  void initState() {
    _controller = AnimationController(
      duration: Duration(
        milliseconds: 150,
      ),
      vsync: this,
    );
    _heightFactor = _controller.drive(CurveTween(curve: Curves.easeIn));
    _colorTween = ColorTween(
      begin: Colors.grey,
      end: Colors.black87,
    ).animate(CurvedAnimation(parent: _controller, curve: Curves.easeIn));
    super.initState();
  }

  @override
  Widget build(BuildContext context) {
    return AnimatedBuilder(
        animation: _controller.view,
        builder: (_, __) {
          return Column(
            crossAxisAlignment: CrossAxisAlignment.start,
            children: <Widget>[
              GestureDetector(
                behavior: HitTestBehavior.opaque,
                child: Padding(
                  padding: EdgeInsets.fromLTRB(10, 10, 0, 10),
                  child: Row(
                    mainAxisAlignment: MainAxisAlignment.spaceBetween,
                    children: <Widget>[
                      Flexible(
                        child: Text(
                          widget.title,
                          style: TextStyle(
                            fontWeight: FontWeight.bold,
                          ),
                        ),
                      ),
                      Transform.rotate(
                        angle: pi * _heightFactor.value * 0.5,
                        child: Icon(
                          Icons.arrow_forward_ios,
                          color: _colorTween.value,
                        ),
                      )
                    ],
                  ),
                ),
                onTap: _handleTap,
              ),
              ClipRect(
                child: Align(
                  alignment: Alignment.centerLeft,
                  heightFactor: _heightFactor.value,
                  child: Padding(
                    padding: EdgeInsets.only(bottom: 10, left: 10),
                    child: widget.child,
                  ),
                ),
              ),
            ],
          );
        });
  }
}