Flutter web端showModalBottomSheet无法鼠标拖拽问题求助

• 这是Flutter默认实现的局限：showModalBottomSheet的拖拽交互仅默认适配移动端触摸事件，未处理web端的鼠标拖拽逻辑。
• 两种可行解决思路：
  1. 替换为DraggableScrollableSheet：这个组件原生支持鼠标拖拽，因为它的手势识别器同时兼容触摸和鼠标事件，能直接实现跨端的拖拽展开/收起效果。
  2. 给showModalBottomSheet添加自定义鼠标手势：如果不想替换组件，可以在弹窗顶部添加一个拖拽区域，通过GestureDetector监听鼠标拖拽事件，手动控制弹窗位置：

     // 假设你已获取sheetController实例
     GestureDetector(
       onPanUpdate: (details) {
         double targetOffset = sheetController.offset - details.delta.dy;
         // 限制偏移量在合法范围内
         targetOffset = clampDouble(
           targetOffset, 
           sheetController.minScrollExtent, 
           sheetController.maxScrollExtent
         );
         sheetController.jumpTo(targetOffset);
       },
       child: Container(
         height: 48,
         alignment: Alignment.center,
         child: const Text("拖拽调整"),
       ),
     )
     

• 额外建议：检查你的Flutter版本，部分较新的稳定版已经修复了showModalBottomSheet的web端鼠标拖拽问题，升级到最新稳定版可能直接解决问题。

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