React-native Vision Camera unable to zoom

Question

I am unable to zoom in https://github.com/mrousavy/react-native-vision-camera on ios devices. I am able to zoom in on android devices without any problem but unable to zoom on iPhones or iPads can anyone help me.

Answer 1

import React, { useCallback, useEffect, useRef } from 'react';
import { Alert, FlatList, View } from 'react-native';
import { Camera, useCameraDevices } from 'react-native-vision-camera';


const SystemCamera = () => {

    const devices: any = useCameraDevices();
    const device = devices.back;

    const [isCameraInitialized, setIsCameraInitialized] = useState(false);

    let cameraRef: any = useRef<Camera>(null);

    const onCameraInitialized = useCallback(() => {
        setIsCameraInitialized(true);
    }, []);

    useEffect(() => {
        checkCameraPermission(componentId);
    }, []);


    if (device == null) return;
    return (
        <ThemeProvider
            children={
                <View style={{ flex: 1 }}>
                    <Camera
                        hdr={true}
                        photo={true}
                        ref={cameraRef}
                        isActive={true}
                        focusable={true}
                        enableZoomGesture={true}
                        device={device}
                        onInitialized={onCameraInitialized}
                    >
                        {children}
                    </Camera>
                </View>
            }
        />
    )
}

export default SystemCamera;