如何修改Flutter可重排列表（ReorderableListView）中拖动列表项（ListTile）时的边框样式？

这个带阴影的方形边框是ReorderableListView默认的拖动反馈视图，它由组件内部的Draggable反馈机制生成，默认样式为带阴影的方形，确实不会直接暴露在ListTile或ReorderableListView的基础属性中，但我们可以通过proxyDecorator参数完全自定义它的样式。

解决方案：自定义拖动代理视图 #

在你的ReorderableListView.builder中添加proxyDecorator属性，这个回调允许你自定义拖动时显示的「代理」组件，直接替换默认的方形边框样式：

ReorderableListView.builder(
  buildDefaultDragHandles: true,
  scrollDirection: Axis.vertical,
  itemCount: myItemList.length,
  // 自定义拖动时的代理样式
  proxyDecorator: (Widget child, int index, Animation<double> animation) {
    return Material(
      elevation: 6.0, // 调整阴影强度，和你的ListItem阴影匹配
      borderRadius: BorderRadius.circular(30), // 和ListItem的圆角保持一致
      color: Colors.white, // 背景色，可选
      child: child,
    );
  },
  itemBuilder: (BuildContext ctx, int index) {
    var listItem = myItemList[index];
    // 注意：ReorderableListView要求每个子项必须有唯一的Key
    return ListItem(
      key: ValueKey(listItem), 
      // 你的ListItem参数...
    );
  },
)

关键说明： #

1. proxyDecorator的作用：它接收你原来的ListItem作为child，允许你用任意组件包裹它，生成拖动时的视觉反馈。这里用Material组件来设置圆角和阴影，完美匹配你原来的ListItem样式。
2. 必须设置唯一Key：ReorderableListView依赖子项的唯一Key来处理重排序逻辑，所以一定要给每个ListItem传递一个唯一的Key（比如用ValueKey绑定你的listItem对象），否则可能出现异常或样式问题。

额外选项：自定义拖动手柄 #

如果你想完全控制拖动触发区域，也可以关闭默认拖动手柄（buildDefaultDragHandles: false），然后在你的ListItem内部添加自定义的DragHandle组件，比如：

// 在ListItem的ListTile中添加trailing拖动手柄
ListTile(
  // ...其他属性
  trailing: const DragHandle(
    child: Icon(Icons.drag_indicator),
  ),
)

这种方式更灵活，但proxyDecorator已经能解决你的核心样式问题，是更轻量的方案。

内容的提问来源于stack exchange，提问作者nck