一次展开一个扩展图块

Question

我有一个扩展图块列表，其中每个都包含一个 ListTile 列表。现在我要做的是在单击一个扩展磁贴时折叠所有扩展。我只想一次展开并显示 一个 展开图块。 或者有什么办法可以将它迁移到扩展面板。

                      child: Card(
                            child: ExpansionTile(
                              key: _expansionKey,
                              backgroundColor: Colors.black12,
                              onExpansionChanged: (val) {
                                setState(() {
                                  preId = prescriptionProvider
                                      .doctorPrescriptions[index]
                                      .prescriptionId;
                                  fetchDoctorPrescriptionDrugsByDoctor(
                                      preId);
                                });
                                Toast.show("Changed", context);
                              },
                              title: Text("Prescription ID : " +
                                  prescriptionProvider
                                      .doctorPrescriptions[index]
                                      .prescriptionId),
                              children: <Widget>[
                                InkWell(
                                  onTap: () {

                                  },
                                  child: ListView.builder(
                                    itemCount: presciptionDrugList.length,
                                    shrinkWrap: true,
                                    itemBuilder:
                                        (BuildContext context, int i) {
                                      return ListTile(
                                        title: Text(
                                          presciptionDrugList.isNotEmpty
                                              ? presciptionDrugList[i]
                                                  .drugsName
                                              : "loading",
                                        ),
                                        trailing: Icon(FontAwesomeIcons.pills),
                                      );
                                    },
                                  ),
                                )
                              ],
                            ),
                          ),

由于我有一个列表数组变量，我在其中获取 ListTile 的数据打开的图块将显示与我正在展开的图块相同的数据。所以，我想通过折叠它们来隐藏它。

Answer 1

此示例是一种解决方法，它只会保持一个磁贴展开。它的问题是每次扩展其中一个图块时都会重建整个列表。

class _MyHomePageState extends State<MyHomePage> {
    final int max = 10;
    int selected = -1;

  @override
  Widget build(BuildContext context) {

    return Scaffold(
      appBar: AppBar(
        title: Text(widget.title),
      ),
      body: Builder(
        key: Key('builder ${selected.toString()}'),
        builder: (context){
          return ListView(
            children: <Widget>[
              for(int i = 0; i < max; i++)
                ExpansionTile(
                  key: Key(i.toString()),
                  title: Text('Tile ${i+1}'),
                  initiallyExpanded: i==selected,
                  onExpansionChanged: (expanded){
                    if(expanded)
                    setState(() {
                      selected = i; 
                    });
                    else setState(() {
                      selected = -1; 
                    });
                  },
                )
            ],
          );
        },
      )
    );
  }
}