Skip to main content
Version: 0.2.4

Class: Camera

CameraView.Camera

A camera component with CameraProps.onCapture and CameraProps.onFrame callbacks. To programmatically trigger a capture, call the takePicture function.

export default function App() {
const {imageClass, processImage} = useImageClassification(
require('./resnet18.ptl'),
);

const handleFrame = useCallback(
async (image: Image) => {
await processImage(image);
image.release();
},
[processImage],
);

return (
<>
<Camera
style={styles.camera}
onFrame={handleFrame}
hideCaptureButton={true}
/>
<Text>{imageClass}</Text>
</>
);
}

component

Hierarchy

Methods

flip

flip(): void

Returns

void


takePicture

takePicture(): void

The takePicture function captures an image from the camera and then trigger the onCapture callback registered on the Camera component.

export default function CameraTakePicture() {
const cameraRef = React.useRef<Camera>(null);

async function handleCapture(image: Image) {
// Use captured image before releasing it.
image.release();
}

function handleTakePicture() {
const camera = cameraRef.current;
if (camera != null) {
camera.takePicture();
}
}

return (
<>
<Camera
ref={cameraRef}
onCapture={handleCapture}
hideCaptureButton={true}
style={StyleSheet.absoluteFill}
targetResolution={{width: 480, height: 640}}
facing={CameraFacing.BACK}
/>
<Button title="Take Picture" onPress={handleTakePicture} />
</>
);
}

Returns

void