Question

我认为有几种不同的方法可以执行此操作，但是在Flutter中，我需要从列表中过滤掉值。值为sts [index] .type。我看到所有记录都可以使用此构建器正确显示：

return ListView.builder(
        itemCount: sts == null ? 0 : sts.length,
        itemBuilder: (BuildContext context, int index) {
            return Card(
              child: Container(
                child: InkWell(
                    onTap: () {
                      Navigator.push(
                        context,
                        MaterialPageRoute(
                          builder: (context) => DetailsDaily(site: sts[index]),
                        ),
                      );
                    },
                    child: Column(
                      crossAxisAlignment: CrossAxisAlignment.stretch,
                      children: <Widget>[
                        Text(
                          sts[index].name,
                          style: TextStyle(fontSize: 20.0, color: Colors.black),
                        ),
                      ],
                    )),
                padding: const EdgeInsets.all(15.0),
              ),
            );
          }
        });

我尝试了一个if / else来过滤值：

return ListView.builder(
        itemCount: sts == null ? 0 : sts.length,
        itemBuilder: (BuildContext context, int index) {
          if (sts[index].type == "SNTL") {
             //return the widget with only SNTL types
          }

但是，我遇到了需要出示退货的问题...但是，我只希望SNTL出示...不确定该支票为什么不起作用？

我在futurebuilder中尝试过：

FutureBuilder(
                future: DefaultAssetBundle.of(context)
                    .loadString('assets/stations-strings.json'),
                builder: (context, snapshot) {
                  if (snapshot.hasData) {
                    List<SnoTelSiteModel> sites =
                        parseJson(snapshot.data.toString());
                    for(var s in sites){
                      if(s.type == "SNTL"){
                        return SnotelList(sts: sites);
                      }
                    }
                  }
                  return CircularProgressIndicator();
                }),

但是，它会返回我所有的结果...

我最后的尝试是返回一个已经过滤掉值的列表，但是我不想这样做，因为我想控制将来在屏幕上显示什么类型。

如果没有显示这些错误，我在做什么呢？

Answer 1

有一种更简单的语法可以使用where过滤列表，例如：

  List<SnoTelSiteModel> sites;
  return sites.where((site) => site.type == 'SNTL').toList();

您将来可以使用其他类型（当然，也可以动态使用）来按不同类型过滤列表。

Dart / Flutter如何基于列表中的值以编程方式过滤ListBuilder

1 个答案: