类型 'List<dynamic>' 不是类型 'List<DropdownMenuItem<String>>' 的子类型

Question

我正在处理一个颤振项目，我将一组对象（列表> 数组）从我的集团传递给流构建器。如果我打印它打印得很好的对象，但是当我尝试在 DropdownMenuItem 中映射它们时，它会抛出我提到的错误。因此，如果我在类中创建一个相同格式的虚拟数组并访问它，我不会收到错误消息。不知道我在这里错过了什么，代码如下。

          StreamBuilder(
          stream: _bLoc.getJsonArray,
          builder: (context, snapshot) {
            return snapshot.hasData
                ? new Container(
                    width: 150,
                    color: Theme.of(context).primaryColor,
                    child: new DropdownButton<String>(
                      items: snapshot.data.map((value) =>
                         new DropdownMenuItem<String>(
                          value: value["distance"],
                          child: new Text(value["distance"]),
                        )
                      ).toList(),
                      onChanged: (_) {},
                    ),
                  )
                : Container();
          }),

我的json结构如下。

 [
  {"distance": "12km","price": "200LKR",},
  {"distance": "2km","price": "100LKR",},
  {"distance": "132km","price": "340LKR",}
 ]

Answer 1

这就是您必须使用地图作为列表构建的方式。您必须精确化要返回的类型。特别是你可以做这样的事情

StreamBuilder(
      stream: _bLoc.getJsonArray,
      builder: (context, snapshot) {
        return snapshot.hasData
            ? new Container(
                width: 150,
                color: Theme.of(context).primaryColor,
                child: new DropdownButton<String>(
                  items: snapshot.data.map<DropdownMenuItem<String>>((value) =>
                     new DropdownMenuItem<String>(
                      value: value["distance"],
                      child: new Text(value["distance"]),
                    )
                  ).toList(),
                  onChanged: (_) {},
                ),
              )
            : Container();
      }),

PS尝试获取选定的 DropdownMenuItem 时，您可以在此处捕获一些错误。考虑使用自定义生成的列表而不是映射