Utilisation

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

Déclaration du type

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

Membres 2

NomTypeRequisDescription
widthnumberOui—
heightnumberOui—
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.