Question

我目前有一个应用程序，可显示半径1.5公里以内的附近医院，它看起来像这样：

我遇到的麻烦是我无法弄清楚如何根据计算得出的从最低到最高的距离对卡片进行排序。

我做了一个User::Email来存储计算出的距离列表，并用List<double> doubleList = [];对其进行排序。

这是代码段：

doubleList.sort();

这是打印时排序距离值的输出：

 return new ListView.builder(
                shrinkWrap: true,
                itemCount: jsonresponse.length,
                itemBuilder: (context, index){

                  String name = jsonresponse[index]["Name"];
                  String lat = jsonresponse[index]["Latitude"];
                  String lng = jsonresponse[index]["Longitude"];

                  var distance = new GreatCircleDistance.fromDegrees(latitude1: double.parse(widget.lat), longitude1: double.parse(widget.lng), latitude2: double.parse(lat), longitude2: double.parse(lng));

                  var totaldistance = distance.haversineDistance().toStringAsFixed(2);

                  double distanceDouble = double.parse(totaldistance);

                  if(distanceDouble < 1500.00){

                    doubleList.add(distanceDouble);

                    doubleList.sort((a, b){
                      return a.compareTo(b);
                    });

                    print(doubleList);

                    return new Column(
                      children: <Widget>[
                        new Card(
                          child: new ListTile(
                            title: new Text(name),
                            subtitle: new Text("$distanceDouble m away"),
                            trailing: new IconButton(
                                icon: new Icon(Icons.info),
                                onPressed: (){
                                  makeDialog(lat, lng);
                                }),
                          ),
                        )
                      ],
                    );
                  }else{
                    return new Container();
                  }
                });

我的问题是：

我如何确保小部件将遵循排序的距离值的顺序？

Answer 1

ListView.builder正在使用itemBuilder，它负责构建一个项目。小心，每次构建项目时都要进行排序。

您需要先对jsonresponse进行排序，然后再调用List.builder或jsonresponse[index]，这是不正确的。

Answer 2

您可以尝试这样的事情

jsonresponse.sort((a, b) {
  var distance1 = new GreatCircleDistance.fromDegrees(latitude1: double.parse(widget.lat), longitude1: double.parse(widget.lng), latitude2: double.parse(a.lat), longitude2: double.parse(a.lng));
  var totaldistance1 = distance1.haversineDistance().toStringAsFixed(2);
  double distanceDouble1 = double.parse(totaldistance1);
  var distance2 = new GreatCircleDistance.fromDegrees(latitude1: double.parse(widget.lat), longitude1: double.parse(widget.lng), latitude2: double.parse(b.lat), longitude2: double.parse(b.lng));
  var totaldistance2 = distance2.haversineDistance().toStringAsFixed(2);
  double distanceDouble2 = double.parse(totaldistance2);
  return (distanceDouble1 - distanceDouble2).toInt();
});

返回新列之前（我将其设置为Int，因为double不适合比较器）

Flutter：根据值的排序列表对小部件进行排序

2 个答案: