You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

React Native拖拽交互:中心PanResponder带动全员,其余单独移动

足球阵容拖拽交互实现方案求助

需求说明

  • 使用11个PanResponder模拟圆形足球阵容布局
  • 拖拽中心方形PanResponder元素时,其余10个元素需按比例同步移动
  • 拖拽其余任意PanResponder元素时,仅该元素单独移动
  • 最终实现:通过中心拖动整队,或单独调整单个球员位置

已尝试方案及问题

  • 独立Animated.View方案:将所有PanResponder存入数组,每个对应独立的Animated.View。可实现单独拖拽,但中心元素无法带动全员同步移动
  • 嵌套布局方案:将所有元素嵌套进中心的Animated.View内。可实现全员同步移动,但其余元素无法单独拖拽调整
  • Animated.event同步方案:修改中心PanResponder的Animated.event来同步所有元素的位置,结果导致中心元素的拖拽功能失效

现有示例版本

  • 单独移动版本
  • 全员移动版本

求助方向

寻求可行的实现方案或技术方向指导

内容的提问来源于stack exchange,提问作者kefspar

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.07.19 09:57:38