在Flutter中，有一个名为ReorderableListView的小部件，它允许用户通过拖动手势重新排列列表项。在本文中，我们将介绍如何使用ReorderableListView小部件来创建一个可交互的、可拖动的列表视图。
安装与导入
要使用ReorderableListView，您需要将其添加到您的Flutter项目中。在pubspec.yaml文件中添加以下依赖项：
dependencies:
flutter:
sdk: flutter
# Add this line
reorderables: any然后，在需要使用的文件中导入reorderables包：
import 'package:reorderables/reorderables.dart';
实现
使用ReorderableListView非常简单，只需要将您的数据源传递给它即可。下面是一个使用ReorderableListView的示例代码：
-- -------------------- ---- -------
----- ------ ------- -------------- -
---------
------------ ------------- -- ---------------
-
----- ------------ ------- ------------- -
------------ ------ - -
----- ---
----- ---
----- ---
----- ---
----- ---
--
---------
------ ------------------ -------- -
------ --------------------
--------- ----------------- -
------ ---------
---- ---------------
------ -----------
--
------------
---------- ---- --------- --- --------- -
----------- -
-- --------- - --------- -
-------- -- --
-
----- ---- - --------------------------
----------------------- ------
---
--
--
-
-在此示例中，我们首先将一个字符串列表作为数据源传递给ReorderableListView。然后使用map函数将每个项转换为一个ListTile小部件，并将其放置在一个可滚动的、可拖动的列表视图中。
onReorder回调函数允许我们在重新排列列表项时更新数据源。在这个例子中，我们只是简单地从旧位置删除项并将其插入新位置。
拓展
除了默认的交互方式外，ReorderableListView还提供了一些额外的属性来自定义它的行为：
proxyDecorator：一个可选的回调函数，用于自定义拖动代理的外观。scrollController：一个可选的滚动控制器，用于控制列表滚动。physics：一个可选的滚动物理类，用于控制列表的滚动行为。header和footer：可选的头部和尾部小部件，用于填充列表视图的顶部和底部。
您可以根据需要使用这些属性来定制您的ReorderableListView。
总结
ReorderableListView是一个非常有用的小部件，它允许用户以直观且交互式的方式重新排列列表项。在本文中，我们介绍了如何使用ReorderableListView来创建一个可拖动的、可排序的列表视图，并展示了一些其它的拓展选项。希望这篇文章对您有所帮助！
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/69469