Utilisation

Type an image packaged with the app.

tsx
// Type an image packaged with the app.
import { Image, type BundledImageSource } from 'kuito';
import cover from './assets/cover.png';

function Cover(props: { source: BundledImageSource }) {
  // An imported image knows its size, so the view keeps its aspect ratio.
  return (
    <Image src={props.source} width="100%" aspectRatio={props.source.width / props.source.height} />
  );
}

<Cover source={cover} />;

Déclaration du type

ts
export interface BundledImageSource {
  asset: string;
  width: number;
  height: number;
}

Membres 3

NomTypeRequisDescription
assetstringOui—
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.