Utilização

Read an image's dimensions before layout.

tsx
// Read an image's dimensions before layout.
import { Image, image, signal, type ImageSize } from 'kuito';

const natural = signal<ImageSize | null>(null);

image.prefetch('https://example.com/banner.jpg').then((size) => (natural.value = size));

<Image
  src="https://example.com/banner.jpg"
  width="100%"
  aspectRatio={natural.value ? natural.value.width / natural.value.height : 16 / 9}
/>;

Declaração do tipo

ts
export type ImageSize = { width: number; height: number };

Membros 2

NomeTipoObrigatórioDescrição
widthnumberSim—
heightnumberSim—
Gerado a partir das declarações TypeScript públicas: assinaturas, props e predefinições vêm da fonte verificada, as descrições da sua JSDoc. Nenhuma predefinição é inventada.