How to capture images from a custom frame in react-native-vision-camera?

Question

I'm working on a React Native project and using the react-native-vision-camera lib. I want to capture images from a specific, custom-defined region (a frame) within the camera preview. The goal is to allow the user to select a specific area on the screen, and capture an image only from that region, rather than the full camera feed.

Here are the things I'm trying to achieve:

1. Dynamically define a rectangular region (frame) on the camera preview.
2. Capture images only within the boundaries of this custom frame.
3. Ensure that the captured image aligns with the frame (without distortion or unexpected cropping).

I have already gone through the documentation for react-native-vision-camera, but I couldn't find a clear solution on how to crop or capture a portion of the camera feed.

What I've tried so far:

• Define and track a custom frame on the camera preview.
• Crop the camera feed based on the frame for image capture.
• Optimize this process for performance.

Thanks in advance.

• nosTa: Have you found a solution?
• hgq287: I am using the standard react-native-vision-camera config. I just added a custom UI frame over the camera view and then, I'm handling the resizing, cropping, and downscaling to 72 DPI myself after the capture.