Utilisation

Overlay a now-playing caption

Ce type est utilisé par Blur

tsx
import { Blur, Image, Text, VStack } from 'kuito';

export default function NowPlaying() {
  return (
    <VStack flex={1}>
      <Image
        src="https://example.com/cover.jpg"
        position="absolute"
        top={0}
        left={0}
        right={0}
        bottom={0}
      />
      <Blur material="thin" position="absolute" bottom={0} left={0} right={0} padding={16}>
        <Text>Now playing</Text>
      </Blur>
    </VStack>
  );
}

Déclaration du type

ts
export interface Screen {
  width: number;
  height: number;
  /** Pixels per point: frames round to them. */
  scale: number;
  /** What the status bar and the home indicator cover. */
  insets: Edges;
}

Membres 4

NomTypeRequisDescription
widthnumberOui—
heightnumberOui—
scalenumberOuiPixels per point: frames round to them.
insetsEdgesOuiWhat the status bar and the home indicator cover.
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.