CameraPicture — Kuito Documentation

Utilisation

Display a captured picture.

tsx

// Display a captured picture.
import { Button, Camera, Image, cameraRef, signal, type CameraPicture } from 'kuito';

function Snap() {
  const camera = cameraRef();
  const last = signal<CameraPicture | null>(null);

  const snap = async () => {
    last.value = (await camera.current?.takePicture({ quality: 0.8 })) ?? null;
  };

  return (
    <>
      <Camera ref={camera} flex={1} />
      <Button disabled={!camera.ready.value} onPress={snap}>
        Take picture
      </Button>
      {last.value && (
        <Image src={last.value.uri} width={80} aspectRatio={last.value.width / last.value.height} />
      )}
    </>
  );
}

Déclaration du type

export type CameraPicture = SpecCameraPicture;

Membres 4

Nom	Type	Requis	Description
`uri`	`string`	Oui	A JPEG in the app's cache directory (`file://`), for `<Image source>` and `fileSystem`.
`width`	`number`	Oui	In pixels, upright.
`height`	`number`	Oui	—
`bytes`	`ArrayBuffer`	Non	The JPEG's bytes, when `bytes` asked for them.

Généré depuis les déclarations TypeScript publiques : signatures, props et valeurs par défaut viennent de la source vérifiée, les descriptions de sa JSDoc. Aucune valeur par défaut n'est inventée.