Flutter中使用AndroidView/UiKitView时Haptic Feedback失效问题

问题根源 #

你给AndroidView/UiKitView配置了EagerGestureRecognizer，这个手势识别器会优先抢占所有触摸事件并交给原生视图处理。即使FloatingActionButton在视觉层级的上层，触摸事件的处理流程被干扰，导致Flutter内置的HapticFeedback无法正常触发振动。

解决方案 #

方案1：移除贪婪的手势识别器（推荐） #

如果你的相机原生视图不需要处理任何触摸手势（比如只负责显示画面，操作都由Flutter层控件处理），直接将gestureRecognizers设置为空集合：

// AndroidView和UiKitView都做同样修改
gestureRecognizers: <Factory<OneSequenceGestureRecognizer>>{}.toSet(),

如果相机需要处理特定手势（比如捏合缩放），只添加对应的识别器，避免抢占所有事件：

gestureRecognizers: <Factory<OneSequenceGestureRecognizer>>[
  Factory<OneSequenceGestureRecognizer>(() => ScaleGestureRecognizer()),
].toSet(),

方案2：强制调用原生振动API（备选） #

如果必须保留EagerGestureRecognizer，可以通过MethodChannel直接调用原生平台的振动接口，绕开Flutter内置的HapticFeedback：

1. 定义MethodChannel：

static const MethodChannel _channel = MethodChannel('vibration_channel');

2. 在FAB的onPressed中调用：

onPressed: () async {
  try {
    await _channel.invokeMethod('triggerHeavyImpact');
  } catch (e) {
    print('振动调用失败: $e');
  }
},

3. 分别在Android和iOS原生端实现对应的方法（此步骤需要原生开发能力）。

修改后的示例代码 #

class DemoScreen extends StatelessWidget {
  final Map<String, dynamic> creationParams = <String, dynamic>{};

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      floatingActionButton: FloatingActionButton(
        onPressed: () {
          HapticFeedback.heavyImpact();
        },
      ),
      appBar: AppBar(
        leading: GestureDetector(
          onTap: () {
            Navigator.pop(context);
          },
          child: Icon(
            Icons.add,
            color: Colors.white,
          ),
        ),
      ),
      body: Stack(
        children: [
          Platform.isAndroid
              ? AndroidView(
                  viewType: 'camera',
                  layoutDirection: TextDirection.ltr,
                  creationParams: creationParams,
                  creationParamsCodec: StandardMessageCodec(),
                  // 移除EagerGestureRecognizer，改为空集合
                  gestureRecognizers: <Factory<OneSequenceGestureRecognizer>>{}.toSet(),
                )
              : UiKitView(
                  viewType: 'camera',
                  layoutDirection: TextDirection.ltr,
                  creationParams: creationParams,
                  creationParamsCodec: StandardMessageCodec(),
                  // 移除EagerGestureRecognizer，改为空集合
                  gestureRecognizers: <Factory<OneSequenceGestureRecognizer>>{}.toSet(),
                ),
        ],
      ),
    );
  }
}

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