4

我在 BottomSheet 中有 2 个 CupertinoPicker,当我在省内更改选定项目时,数据来自 Firestore,它会更新另一个 Cupertinopicker 中位置的列表数据

在这里图片您将在 Row 中看到 4 个 Cupertino 选择器,但第四个 Picker 不会更新,除非我关闭底部工作表并再次打开它,因此如何在调用 onSelectedItemChanged() 时更新/刷新 CupertinoPicker 列表数据

这是一些代码

 Expanded(
              child: StreamBuilder(
                  stream: _fireStore.collection('Locations').snapshots(),
                  builder: (context, snapshot) {
                    if (!snapshot.hasData) {
                      return Container();
                    }
                    return CupertinoPicker(
                        squeeze: 1.5,
                        diameterRatio: 1,
                        useMagnifier: true,
                        looping: true,
                        scrollController: _controllerPicker,
                        itemExtent: 33.0,
                        backgroundColor: Colors.white,
                        onSelectedItemChanged: (int index) => setState(() {
                              _pickerKey.currentState.build(context);
                              _getChosenGovLocation(snapshot
                                  .data.documents[index].documentID);
                            }),
                        children: new List<Widget>.generate(
                            snapshot.data.documents.length, (int index) {
                          return new Center(
                            child: new Text(
                              '${snapshot.data.documents[index]['countryEN']}',
                              style: TextStyle(fontSize: 16),
                            ),
                          );
                        }));
                  }),
            ),
            Expanded(
              child: CupertinoPicker.builder(
                  key: _pickerKey,
                  squeeze: 1.5,
                  diameterRatio: 1,
                  useMagnifier: true,
                  scrollController: new FixedExtentScrollController(
                    initialItem: 0,
                  ),
                  itemExtent: 33.0,
                  backgroundColor: Colors.white,
                  onSelectedItemChanged: (int index) {
                    setState(() {
                      sortLocation = _sortBranches[index]['branchEN'];
                    });
                    print(sortLocation);
                  },
                  childCount: _sortBranches.length,
                  itemBuilder: (context, index) {
                    return new Center(
                      child: new Text(
                        '${_sortBranches[index]['branchEN']}',
                        style: TextStyle(fontSize: 16),
                      ),
                    );
                  }),
            ),

这是在选择项更改时调用的方法

   _getChosenGovLocation(id) {
    _sortBranches.clear();

    _fireStore.collection('Locations').document(id).snapshots().forEach((doc) {
      setState(() {
        _sortBranches = doc.data['branches'].toList();

        print(_sortBranches.length);
      });
    });

    print('list Called');
  }
4

1 回答 1

2

我已经解决了,只是用StatefullBuilder它解决了问题

于 2019-09-18T09:24:48.283 回答