React-native Vision Camera无法在iOS中放大

btxsgosb  于 5个月前  发布在  iOS
关注(0)|答案(1)|浏览(81)

我无法在iOS设备上放大。我可以在Android设备上放大没有任何问题,但无法在iPhone或iPad上放大任何人都可以帮助我。
我们正在使用react-native-vision相机https://www.npmjs.com/package/react-native-vision-camera

<View style={styles.container}>
                <Camera
                    ref={camera}
                    style={StyleSheet.absoluteFill}
                    isActive={true}
                    photo={true}
                    orientation="portrait"
                    device={device}
                    torch={cameraFlash}
                    focusable={true}
                    enableZoomGesture={true}
                    hdr={cameraHDR}
                    lowLightBoost={cameraNightMode}
                />

                <View style={styles.captionFrame}>
                    <Image style={styles.imageStyleFrame} source={fullBodyFlip ? require('./../../../../assets/images/bfiGuide/png/dog_frame_fullbody2.png') : frameImgArray[route.params?.indexPos]} />
                </View>
            </View >

字符串

oxalkeyp

oxalkeyp1#

react-native-vision-camera库似乎不显式支持缩放,并且您提供的代码没有演示任何特定的缩放相关参数。
如果您希望启用缩放功能,您可能需要创建自定义缩放控件,或者考虑使用支持缩放功能的单独库或模块。
以下是向React Native应用程序添加缩放功能的一般方法:
使用手势处理:
如果手势处理库中还没有内置缩放功能,则可以使用手势处理库添加缩放功能。可以使用react-native-gesture-handler包执行捏缩放运动。

import { PinchGestureHandler, State } from 'react-native-gesture-handler';

const handleZoom = Animated.event([{ nativeEvent: { scale: zoom } }], {
  useNativeDriver: false,
});

return (
  <PinchGestureHandler onGestureEvent={handleZoom} onHandlerStateChange={handleZoom}>
    <Animated.View style={{ flex: 1, transform: [{ scale: zoom }] }}>
      {/* Your Camera component and other UI elements */}
    </Animated.View>
  </PinchGestureHandler>
);

字符串

相关问题