Flutter 中的可排序 ListView 了解如何在 Flutter 应用程序中创建可排序的 ListView

在创建 Flutter 应用程序时,我们有时可能需要让用户选择基于显式模型对 ListView 中的项目进行排序。这个可排序的 ListView 提供了一种易于理解的方法来进行调查并对应用程序中的信息进行排序,使他们能够更直接、更快速地找到所需的数据。

介绍:

下面的演示视频讲述了在 flutter 中制作可排序 ListView 的最佳方法。它展示了 Sortable ListView 如何在 Flutter 应用程序中发挥作用。它显示用户何时可以通过点击 ListView 标题中的价格标签按值从低到高和从高到低对 ListView 中的项目进行排序。

请添加图片描述

如何在 dart 文件中实现代码:

您需要分别在代码中实现它:

main.dart在文件夹内创建一个名为 的新 dart 文件lib。

我们的演示应用程序有一个 ListView,它显示具有 3 个属性的小说项目列表:id、name和Price。标题同样会显示向上或向下的螺栓符号,表明项目是按升序还是降序排列。

首先,我们将创建一个新的HomePage()类。在本课程中,我们将添加排序顺序。我们将添加一个 bool 变量,使 _sortAscending 等于 true。

bool _sortAscending = true;

现在,我们将添加产品列表。我们将添加字符串、动态的列表映射,变量为 _products。

final List<Map<String, dynamic>> _products = [

猜你喜欢

转载自blog.csdn.net/iCloudEnd/article/details/132046665