双指拖动旋转（Rotating on drag with 2 fingers）实现方案咨询

各平台常用实现组件/方案 #

• Flutter端：直接用自带的GestureDetector组件即可，搭配onScaleUpdate回调，回调参数里的rotation字段就是双指旋转的弧度值，直接用这个值控制目标组件的Transform旋转属性就可以，不需要额外引入第三方widget。如果需要同时支持缩放、平移，也可以直接在同一个回调里处理scale、localFocalPoint参数。
• Web前端：可以用原生的PointerEvent事件监听，统计同时存在的两个触摸点的坐标变化，计算两个点的夹角差值就是旋转角度，也可以用成熟的手势库封装好的旋转事件，直接绑定到目标DOM元素上。
• 安卓原生：用ScaleGestureDetector配合自定义View，重写onTouchEvent处理多点触摸事件，通过计算两个触摸点的角度差更新View的旋转属性即可，也可以引入第三方开源的手势处理组件简化开发。
• iOS原生：用UIRotationGestureRecognizer手势识别器，直接添加到目标UIView上，系统会自动计算旋转角度，在回调里直接拿rotation值更新视图即可。

通用注意点 #

• 旋转的锚点默认是组件中心，如果需要支持自定义锚点，要额外处理锚点的坐标偏移计算。
• 如果需要旋转后的值持久化，记得在手势结束的时候把当前的旋转角度存下来，下次手势触发的时候在存量角度的基础上累加增量值，不要每次都从零开始计算。
• 要做好边界场景处理：比如双指先后按下的情况、旋转过程中某根手指抬起的情况，要做好状态重置避免出现角度跳变的问题。

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