如果值匹配,则从JSON中读取抖动

问题描述 投票:0回答:2

我有一个客户的json:

customer.json

[
  {
    "name": "Customer 1",
    "id": "1"
  },
  {
    "name": "Customer 2",
    "id": "2"
  },
  {
    "name": "Customer 3",
    "id": "3"
  }
]

这是使用此json数据的dart文件:

customerslist.dart

未来方法

Future<String> loadCustomers() async{
  var res = await http.get(
      Uri.encodeFull(url),
      headers: {"Accept": "application/json"});
  return res.body;
}

窗口小部件

widgets.add(new FutureBuilder(
              future: loadCustomers(),
              builder: (context, snapshot){
                if(snapshot.hasData){

                  //get snapshot data from JSON tree
                  var jsondecode = json.decode(snapshot.data);

                  return new ListView.builder(
                      shrinkWrap: true,
                      itemCount: jsondecode.length,
                      itemBuilder: (context, index){
                        String name = jsondecode[index]["name"];
                        String id = jsondecode[index]["id"];

                        if(name == "Customer 2"){
                          return new Column(
                            children: <Widget>[

                              new ListTile(
                                title: new Text("Name"),
                                trailing: new Text(name),
                              ),
                              new ListTile(
                                title: new Text("ID"),
                                trailing: new Text(id),
                              )
                            ],
                          );
                        }
                      });
                }else{
                  return new Center(
                    child: new CircularProgressIndicator(),
                  );
                }
              }));

我想要做的是在if(name == "Customer 2")中看到名称匹配的值。

但我遇到的问题是:

当我将if语句更改为if(name == "Customer 1")时,输出正如您所期望的那样:

First output

但如果我要将其更改为if(name == "Customer 2"),输出结果为空白:

Second output

有人可以解释为什么会这样,或者我可以采取另一种方法来解决这个问题吗?

dart flutter
2个回答
1
投票

我认为这是因为Column小部件正在全力以赴。您可以尝试使用列的最小高度并添加其他条件。

                            if(name == "Customer 2"){
                      return new Column(
                        children: <Widget>[

                          new ListTile(
                            title: new Text("Name"),
                            trailing: new Text(name),
                          ),
                          new ListTile(
                            title: new Text("ID"),
                            trailing: new Text(id),
                          )
                        ],
                      );
                    } else {
                    return new Container();
                    }

当您使用“客户1”时,它工作正常,因为您的第一个元素是“客户1”,可能您的控制台上有错误,因为其他项目没有返回的小部件。

对于“客户2”,不会返回第一个项目,因此请检查控制台日志。

itemBuilder希望您返回所有案例的小部件。


0
投票

您只需将var字符串转换为list

var jsondecode = json.decode(snapshot.data);

List list = jsondecode;
 String name = list[index]["name"];
                    String id = list[index]["id"];

然后传递列表以获取索引可能这将工作bocasue var类型可能只获取第一个json字符串

enter code here
热门问题
推荐问题
最新问题