CameraErrorEvent — Kuito Documentation

Usage

Capture a photo and preview the result

tsx

import { Button, Camera, Image, VStack, cameraRef, signal } from 'kuito';

export default function Snap() {
  const camera = cameraRef();
  const photo = signal<string | null>(null);

  async function take() {
    try {
      const picture = await camera.current?.takePicture({ quality: 0.8 });

      photo.value = picture?.uri ?? null;
    } catch (error) {
      console.log('No picture:', error);
    }
  }

  return (
    <VStack flex={1}>
      <Camera
        ref={camera}
        flex={1}
        facing="back"
        onError={(event) => console.log(event.code, event.message)}
      />
      <Button disabled={!camera.ready.value} onPress={() => void take()}>
        Take picture
      </Button>
      {photo.value ? <Image src={photo.value} width={96} height={96} /> : null}
    </VStack>
  );
}

Type declaration

export type CameraErrorEvent = NativeViewEvent<'error', { code: string; message: string }>;

Members 5

Name	Type	Required	Description
`type`	`"error"`	Yes	—
`target`	`unknown`	Yes	—
`isTrusted`	`boolean`	Yes	—
`code`	`string`	Yes	—
`message`	`string`	Yes	—

Generated from the public TypeScript declarations: signatures, props and defaults come from the checked source, descriptions from its JSDoc. No defaults are invented.