Utilisation

Capture a profile photo with the system camera UI.

Ce type est utilisé par mediaPicker.capture

tsx
// Capture a profile photo with the system camera UI.
import { Button, Image, VStack, mediaPicker, signal } from 'kuito';

export function ProfilePhoto() {
  const uri = signal<string | null>(null);
  async function capture() {
    try {
      const result = await mediaPicker.capture({ mediaTypes: ['images'] });
      if (!result.canceled) uri.value = result.assets[0]?.uri ?? null;
    } catch (error) {
      console.error('Camera unavailable', error);
    }
  }
  return (
    <VStack>
      <Button onPress={() => void capture()}>Take profile photo</Button>
      {uri.value ? <Image src={uri.value} width={96} height={96} /> : null}
    </VStack>
  );
}

Déclaration du type

ts
export type CaptureOptions = {
  /** What the picker offers: `'images'` (the default), `'videos'`, or both. */
  mediaTypes?: MediaType | MediaType[];
  /** JPEG quality of written images, 0 to 1. 1, the default, keeps the most detail. */
  quality?: number;
  /** Images wider than this are scaled down to fit, keeping their aspect ratio. In pixels. */
  maxWidth?: number;
  /** Images taller than this are scaled down to fit, keeping their aspect ratio. In pixels. */
  maxHeight?: number;
  /** iOS: crop the image, or trim the video, in the system editor before it resolves. */
  allowsEditing?: boolean;
};

Membres 5

NomTypeRequisDescription
mediaTypesPickerMediaType | PickerMediaType[]NonWhat the picker offers: 'images' (the default), 'videos', or both.
qualitynumberNonJPEG quality of written images, 0 to 1. 1, the default, keeps the most detail.
maxWidthnumberNonImages wider than this are scaled down to fit, keeping their aspect ratio. In pixels.
maxHeightnumberNonImages taller than this are scaled down to fit, keeping their aspect ratio. In pixels.
allowsEditingbooleanNoniOS: crop the image, or trim the video, in the system editor before it resolves.
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.