我在 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');
}