1.定義集合

int _panelIndex=-1;
List dt = [ {"name": "生鮮", "id":0,"list":[{"name": "水果", "id":11},{"name": "蔬菜", "id":12}, {"name": "禽肉蛋","id":13},
{"name": "豬牛羊肉", "id":14}, {"name": "海鮮水產(chǎn)", "id":15}, {"name": "冷凍食品", "id":16}, {"name": "冷凍食品", "id":17}, ]},
{"name": "食品飲料", "id":1,
"list":[{"name": "食品飲料1", "id":21},{"name": "食品飲料2", "id":22}]},
{"name": "母嬰", "id":2,
"list":[{"name": "母嬰1", "id":31},{"name": "母嬰2", "id":32}]},
{"name": "生活日用","id":3,"list":[{"name": "生活日用1", "id":41},{"name": "生活日用2", "id":42}]},
{"name": "酒類(lèi)","id":4,"list":[{"name": "酒類(lèi)1", "id":51},{"name": "酒類(lèi)2", "id":52}]}];

2.實(shí)現(xiàn)

 body: Column(
    children: <Widget>[
      ExpansionPanelList(
        expansionCallback: (panelIndex,isExpand){
          print(panelIndex);
          setState(() {
            _panelIndex= _panelIndex==panelIndex?-1:panelIndex;
          });
        },
        //一個(gè)集合    上部分標(biāo)題   下部分是list
        children: dt.map((item){
          return  ExpansionPanel(
              headerBuilder: (ctx,isExpand){
                return ListTile(
                  title: Text(item['name']),
                );
              },

              body: new Container(
                alignment: Alignment.center,
                width: double.infinity,
                height: 315.h,
                color: Colors.white,
                child: new ListView.builder(
                    itemCount: item['list'].length,
                    itemBuilder: (BuildContext context, int position) {
                      return Text(item['list'][position]['name']);
                    }),
              ),
              isExpanded: _panelIndex==item['id'],
              canTapOnHeader: true
          );
        }).toList(),
      )
    ],
  ),