如何使用供应商包Flutter/Dat通过ID进行筛选



我正在使用Provider从API获取数据。所以现在我正试图根据路由id过滤站点。我知道我应该使用where方法,但它只给了我一个数组元素。我可以通过使用initState并在其中使用filter来过滤伪数据,但我正在尝试学习使用Provider包,我很好奇如何通过Provider包过滤所有数据?

以前我这样做:List<Routes> routes = Provider.of<List<Routes>>(context).where((element) => element.ttId == widget.ttId).toList();

我直接根据id进行了过滤,但现在我为过滤的项目创建了另一个数组,我需要将其与提供者一起使用,但我不知道如何使用。

此外,我想提到的是,这些ID是不相关的,即两个模型内部没有相同的ID,所以这就是我在这里问的原因。而且我正在使用未来的提供者来获取数据。

这是用户点击并转到另一个过滤数据屏幕的第一个屏幕:

onTap: () {
Navigator.push(
context,
MaterialPageRoute(
builder: (context) => StopsPage(
stId: routes[index].mrId,
stTitle: routes[index].mrTitle,
)));
},
);

这是所有数据都应该出现并过滤的第二个屏幕:

class StopsPage extends StatelessWidget {
final String stTitle;
final int stId;
const StopsPage({Key key, @required this.stTitle, @required this.stId}) : super(key: key);
@override
Widget build(BuildContext context) {

//this line fetches the API
List<Stop> stop = Provider.of<List<Stop>>(context);
//this arrys for putting all items  which was filtered by id
List <Stop> filteredStops = [];
//here I am trying to make a filtration
filteredStops.where((element) => element.stId == stId).toList();
return Scaffold(
appBar: AppBar(
actions: [
IconButton(icon: Icon(Icons.refresh_outlined), onPressed: (){})
],
),
body: stop == null
? Center(child: CircularProgressIndicator())
:
ListView.builder(
itemCount: filteredStops.length,
itemBuilder: (context, index) {
return ListTile(
title: Text(filteredStops[index].stTitle),

where()函数返回满足谓词的对象列表(在这种情况下,id相同(,但您必须在实际有数据的列表上执行此操作,您只需将其混合:

filteredStops = stop.where((element) => element.stId == stId).toList();

相关内容

  • 没有找到相关文章

最新更新