Take body Measurement for a tailor in react Native - react-native

Question

I am tasked with the problem of creating a react-native using expo-opencv, expo-camera, Canny, Contour detection library or SIFT to get distance between the shoulders, the length of the inseam, chest circumference, waist circumference, length of the arms , length of the legs , arm/wrist circumference and leg circumference
I need some help which libraries to use and how to integrate all of them. this is what is have tried:
import React, { useState } from 'react';
import { Text, View, TouchableOpacity, Image } from 'react-native';
import { Camera } from 'expo-camera';
import * as cv from 'expo-opencv';
const BodyMeasurement = () => {
const [hasPermission, setHasPermission] = useState(null);
const [image, setImage] = useState(null);
useEffect(() => {
(async () => {
const { status } = await Camera.requestPermissionsAsync();
setHasPermission(status === 'granted');
})();
}, []);
if (hasPermission === null) {
return <View />;
}
if (hasPermission === false) {
return <Text>No access to camera</Text>;
}
const takePicture = async () => {
const photo = await camera.takePictureAsync();
setImage(photo.uri);
processImage(photo.uri);
};
const processImage = async (imageUri) => {
const mat = cv.imread(imageUri);
// perform image processing using OpenCV functions
// for example, converting the image to grayscale
const grayMat = cv.cvtColor(mat, cv.COLOR_RGBA2GRAY);
// Extract measurement using OpenCV functions
//
// ...
};
return (
<View>
{image ? (
<Image source={{ uri: image }} style={{ width: '100%', height: 300 }} />
) : (
<Camera
style={{ flex: 1 }}
type={Camera.Constants.Type.back}
ref={ref => {
this.camera = ref;
}}>
<View style={{ flex: 1, backgroundColor: 'transparent', alignItems: 'center' }}>
<TouchableOpacity
style={{
flex: 0.1,
alignSelf: 'flex-end',
alignItems: 'center',
}}
onPress={() => {
takePicture();
}}>
<Text style={{ fontSize: 18, marginBottom: 10, color: 'white' }}>
{' '}Take Picture{' '}
</Text>
</TouchableOpacity>
</View>
</Camera>
)}
</View>
);
};
export default BodyMeasurement;