Flutter中的扩展面板列表

问题描述

我是扑朔迷离的新手，但我陷入了一个问题.我正在尝试列出扩展面板.我可以列出列表，但不能使扩展面板展开或折叠.我正在附加代码.请看一下，让我知道这个问题.

I am new to flutter and I am stuck on a problem. I am trying to make a expansion panel list. I am able to make the list but not able to make the expansion panels expand or collapse.I am attaching the code. Please have a look at it and let me know the problem.

ExpansionPanelList criteria;
criteria = new ExpansionPanelList(
  children: <ExpansionPanel>[
    new ExpansionPanel(
      headerBuilder: schoolheaderBuilder,
      body: new Text("school"),
      isExpanded: false,
    ),
    new ExpansionPanel(
      headerBuilder: hospitalheaderBuilder,
      body: new Text("hospital"),
    ),
    new ExpansionPanel(
        headerBuilder: vaheaderBuilder,
        body: new Text("va facility"),
        isExpanded: false),
    new ExpansionPanel(
        headerBuilder: restheaderBuilder,
        body: new Text("Restaurants"),
        isExpanded: false),
    new ExpansionPanel(
        headerBuilder: crimeheaderBuilder,
        body: new Text("Crime"),
        isExpanded: false),
    new ExpansionPanel(
        headerBuilder: commuteheaderBuilder,
        body: new Text("Commute"),
        isExpanded: false),
    new ExpansionPanel(
        headerBuilder: incomeBuilder,
        body: new Text("Household Income"),
        isExpanded: false),
    new ExpansionPanel(
        headerBuilder: househeaderBuilder,
        body: new Text("House Value"),
        isExpanded: false)
  ],
  expansionCallback: (int index, bool isExpanded)
  {
    isExpanded = !criteria.children[index].isExpanded;
  },
);

推荐答案

这是我使用的代码:

class Criterias extends StatefulWidget {
  CriteriaState createState() => new CriteriaState();
}

class NewItem {
  bool isExpanded;
  final String header;
  final Widget body;
  final Icon iconpic;
  NewItem(this.isExpanded, this.header, this.body, this.iconpic);
}

double discretevalue = 2.0;
double hospitaldiscretevalue = 25.0;

class CriteriaState extends State<Criterias> {
  List<NewItem> items = <NewItem>[
    new NewItem(
        false,
        'Schools',
        new Padding(
            padding: new EdgeInsets.all(20.0),
            child: new Column(
                children: <Widget>[
                    //put the children here
                ])
              ),new Icon(Icons.add)),
              //give all your items here
  ];

  ListView List_Criteria;
  Widget build(BuildContext context) {
    List_Criteria = new ListView(
      children: [
        new Padding(
          padding: new EdgeInsets.all(10.0),
          child: new ExpansionPanelList(
            expansionCallback: (int index, bool isExpanded) {
              setState(() {
                items[index].isExpanded = !items[index].isExpanded;
              });
            },
            children: items.map((NewItem item) {
              return new ExpansionPanel(
                headerBuilder: (BuildContext context, bool isExpanded) {
                  return new ListTile(
                      leading: item.iconpic,
                      title: new Text(
                        item.header,
                        textAlign: TextAlign.left,
                        style: new TextStyle(
                          fontSize: 20.0,
                          fontWeight: FontWeight.w400,
                        ),
                      ));
                },
                isExpanded: item.isExpanded,
                body: item.body,
              );
            }).toList(),
          ),
        )
      ],
    );

    Scaffold scaffold = new Scaffold(
      appBar: new AppBar(
        title: new Text("Criteria Selection"),
      ),
      body: List_Criteria,
      persistentFooterButtons: <Widget>[
        new ButtonBar(children: <Widget>[
          new FlatButton(
            color: Colors.blue,
            onPressed: null,
            child: new Text(
              'Apply',
              textAlign: TextAlign.left,
              style: new TextStyle(fontWeight: FontWeight.bold),
            ),
          )
        ])
      ],
    );
    return scaffold;
  }
}

这篇关于Flutter中的扩展面板列表的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持！