Verwendung

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

Typdeklaration

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

Mitglieder 2

NameTypErforderlichBeschreibung
widthnumberJa—
heightnumberJa—
Generiert aus den öffentlichen TypeScript-Deklarationen: Signaturen, Props und Standardwerte stammen aus der geprüften Quelle, Beschreibungen aus deren JSDoc. Kein Standardwert ist erfunden.