React Native拖拽交互:中心PanResponder带动全员,其余单独移动
足球阵容拖拽交互实现方案求助
需求说明
- 使用11个PanResponder模拟圆形足球阵容布局
- 拖拽中心方形PanResponder元素时,其余10个元素需按比例同步移动
- 拖拽其余任意PanResponder元素时,仅该元素单独移动
- 最终实现:通过中心拖动整队,或单独调整单个球员位置
已尝试方案及问题
- 独立Animated.View方案:将所有PanResponder存入数组,每个对应独立的Animated.View。可实现单独拖拽,但中心元素无法带动全员同步移动
- 嵌套布局方案:将所有元素嵌套进中心的Animated.View内。可实现全员同步移动,但其余元素无法单独拖拽调整
- Animated.event同步方案:修改中心PanResponder的Animated.event来同步所有元素的位置,结果导致中心元素的拖拽功能失效
现有示例版本
- 单独移动版本
- 全员移动版本
求助方向
寻求可行的实现方案或技术方向指导
内容的提问来源于stack exchange,提问作者kefspar
相关产品推荐
相关产品推荐

