mediaPicker.CaptureOptions — Kuito Documentation

Usage

Capture a profile photo with the system camera UI.

This type is used by 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>
  );
}

Type declaration

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;
};

Members 5

Name	Type	Required	Description
`mediaTypes`	`PickerMediaType \| PickerMediaType[]`	No	What the picker offers: `'images'` (the default), `'videos'`, or both.
`quality`	`number`	No	JPEG quality of written images, 0 to 1. 1, the default, keeps the most detail.
`maxWidth`	`number`	No	Images wider than this are scaled down to fit, keeping their aspect ratio. In pixels.
`maxHeight`	`number`	No	Images taller than this are scaled down to fit, keeping their aspect ratio. In pixels.
`allowsEditing`	`boolean`	No	iOS: crop the image, or trim the video, in the system editor before it resolves.

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