jjzjj

dart - flutter : Sort widget according to a sorted list of values

coder 2023-07-22 原文

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

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

我做了一个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();
                  }
                });

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

I/flutter ( 4286): [987.8]
I/flutter ( 4286): [987.8, 1014.87]
I/flutter ( 4286): [987.8, 1014.87, 1352.22]
I/flutter ( 4286): [128.26, 987.8, 1014.87, 1352.22]
I/flutter ( 4286): [128.26, 987.8, 1014.87, 1260.73, 1352.22]
I/flutter ( 4286): [122.91, 128.26, 987.8, 1014.87, 1260.73, 1352.22]
I/flutter ( 4286): [122.91, 128.26, 987.8, 1014.87, 1260.73, 1303.36, 1352.22]
I/flutter ( 4286): [122.91, 128.26, 987.8, 1014.87, 1232.47, 1260.73, 1303.36, 1352.22]
I/flutter ( 4286): [122.91, 128.26, 987.8, 1014.87, 1232.47, 1232.47, 1260.73, 1303.36, 1352.22]

我的问题是:

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

最佳答案

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

您需要在调用 List.builder 之前对您的 jsonresponse 进行排序，否则 jsonresponse[index] 将不正确。

关于dart - flutter : Sort widget according to a sorted list of values，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/52422124/

accordingfluttercodesectiondart

有关dart - flutter : Sort widget according to a sorted list of values的更多相关文章

  1. Flutter 环境变量配置和flutter doctor中的错误解决 - 2

    一、环境变量右键点击我的电脑-属性：然后找到环境变量 1.Android的SDK不在C盘的话需要额外配这个到用户环境变量：ANDROID_HOMED:\AndroidSDK2.然后在系统变量：Path中添加一条这样的值        D:\Flutter\flutter\bin             这个值写flutter包解压的实际地址即可 3.在系统变量中添加两个镜像变量：        变量名：FLUTTER_STORAGE_BASE_URL      变量值：https://storage.flutter-io.cn        变量名：PUB_HOSTED_URL      变量

  2. javascript - Google Dart JavaScript 转换器是否支持旧版浏览器？ - 2

    GoogleDartJavaScript转换器支持旧版浏览器还是仅支持现代浏览器？ 最佳答案 根据technicaloverviewofitsofficialsite:您将能够以多种方式运行Dart代码:1.将Dart代码转换为可在任何现代浏览器中运行的JavaScript:Chrome、Safari5+和Firefox4+(即将推出更多浏览器支持)。2.在服务器端直接在虚拟机中执行Dart代码3.使用Dartboard在任何浏览器窗口中编写、修改和执行小型Dart程序Dart->JavaScript编译器几乎不可能支持旧版浏览器。

  3. javascript - 用 Dart 可视化？ - 2

    我的工作涉及大量的可视化。我一直在用D3.js和JavaScriptInfovistoolkit我最近了解到Dart如何成为开发Web应用程序的新方法。Q1。Dart是否提供任何用于可视化的库(某种级别的D3.js或JavaScriptInfovistoolkit)？Q2。如果我继续使用Dart，我可以使用D3.js吗？/JavascriptInfovistoolkit与Dart一起？编辑:我在互联网上发现wecanuseJavascriptalongwithDart.我经历了DartFAQ，但无法真正找到与可视化库或D3.js本身相关的任何内容。 最佳答案

  4. javascript - Dart vs JavaScript——它们是编译语言还是解释语言？ - 2

    Dart被认为是编译语言还是解释语言？同样的问题也适用于JavaScript。问题原因:我去过watchinganinterview与dart的创始人一起，在7:10LarsBak说:"Whenyou[...]inaJavaScriptprogram,youactuallyexecuteJavaScriptbeforeyoustartrunningtherealprogram.InDart,youdon'texecuteanythingbeforethefirstinstructioninmainisbeingexecuted".在我看来，他是在说JavaScript是一种编译型语言，

  5. javascript - Dart js-interop 与 jquery ui - 2

    我是Dart的新手，我在开始使用js-interop库时遇到了问题。我想从jqueryui添加一个slider到我的页面，但我不知道如何从Dart进行slider()设置调用。js-interop是这样做的正确方法吗？对此提供一些帮助将不胜感激。voidmain(){js.scoped((){varslider=query('#slider-range');varoptions=js.map({'range':true,'values':[17,67]});//Thisdoesn'twork.Elementhasnomethodnamedslider.slider.slider(opt

  6. javascript - 处理 DART 中的事件 - 2

    我是DART的新手。我阅读了语言概述并在DART编辑器中检查了示例代码。到目前为止，我找不到如何处理DART中的事件。例如onclick="call_dart_method()".我们如何处理DART中的事件？ 最佳答案 这不是你在Dart上的做法在此处查看“事件”部分下的内容:http://www.dartlang.org/articles/improving-the-dom/elem.onClick.listen((event)=>print('click!')); 关于javasc

  7. javascript - 相当于 Array.prototype.map() 的 Dart？ - 2

    我尝试从Dart中的map列表中获取ID。在JavaScript中会是这样的:varlist=[{id:3,name:'third'},{id:4,name:'fourth'}];varresult=list.map(function(x){returnx.id;});这应该给出结果[3,4]在Dart中是否有一种简单的方法可以做到这一点？到目前为止，我能够做到这一点(在Dart中):varlist=[{'id':3,'name':'third'},{'id':4,'name':'fourth'}];varresult=list.map((x)=>x['id']);结果是“Mapped

  8. javascript - dart 可以生成可读的 javascript 库吗？ - 2

    目标我想写一个javascript库(框架)，但需要OOP和mixins。尝试使用typescript，但它不支持混入(手册上说支持，但编译器/规范没有任何与混入相关的内容)。typescript在typescript中，以下代码:classGreeter{greeting:string;constructor(message:string){this.greeting=message;}greet(){return"Hello,"+this.greeting;}}编译为:varGreeter=(function(){functionGreeter(message){this.gree

  9. javascript - Angular Dart 到 JavaScript 结果对于生产来说太大了吗？ - 2

    AngularDart应用程序(什么都不做)的最小/最小编译和缩小JavaScript大小大约为650KB是否正确？这对于移动应用来说太多了，对于普通应用来说甚至太大了。有谁知道如何让它小于100KB？ 最佳答案 “最小的编译和缩小的Javascript”今天是190KB。我们正在跟踪该数字并关注部署规模和性能。如果您看到650KB，则可能某处存在错误；如果您可以在https://github.com/angular/angular.dart提供问题的详细信息我们将不胜感激。此外，如果您可以分享您的用例和要求，这将有助于我们设计系统

  10. javascript - 将 dart 编译为 javascript 的限制是什么？ - 2

    我知道，该Dart仍处于技术预览阶段。Dart也可以编译成JavaScript。但是将dart编译为javascript的限制是什么？Dart必须在语言中具有一些特定的功能或概念，而不能仅仅将其翻译成JavaScript代码吗？原因是，一个friend问我Dart是否可以将所有可能的东西都编译成JavaScript或那个，例如5%的语言元素(你知道，非常酷的改进内容)将无法编译。http://www.dartlang.org 最佳答案 我的初创公司在Dart中开发了一个超过50,000行的应用程序，到目前为止，在将Dart编译为Ja

随机推荐