首页 > 解决方案 > 如何使用 expo 相机在反应 natie 中实现对焦点的点击?

问题描述

我正在使用世博会相机,我已经把它包裹在里面TapGestureHandler,所以我可以检测到点击事件。这是代码:

<TapGestureHandler onHandlerStateChange={onSingleTapEvent}>
  <View>
    <Camera
      ref={cameraRef}
      type={cameraType}
      ratio={ratio}
      onCameraReady={onCameraReady}
      autoFocus={Camera.Constants.AutoFocus.on}
    ></Camera>
  </View>
</TapGestureHandler>;

我的onSingleTapEvent

 const onSingleTapEvent = (event) => {
    if (event.nativeEvent.state === State.ACTIVE) {
      console.log("Single tap event: ", event.nativeEvent);
    }
  };

当我点击屏幕时,我看到以下控制台输出:

    Single tap event:  Object {
  "absoluteX": 210.3333282470703,
  "absoluteY": 527.3333129882812,
  "handlerTag": 3,
  "numberOfPointers": 1,
  "oldState": 2,
  "state": 4,
  "x": 210.3333282470703,
  "y": 446.3333435058594,
}

我的问题是,如何实现对焦点的点击?据我了解,我需要使用expo 相机的focusDepth 属性,但我不知道如何设置它?任何想法,沼泽或伪代码都将被授予!

标签: reactjsreact-nativeautofocusexpo-camera

解决方案


推荐阅读