SelfAlignment — Kuito Documentation

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

export type SelfAlignment = Safe<
  | 'normal'
  | 'start'
  | 'end'
  | 'flex-start'
  | 'flex-end'
  | 'center'
  | 'baseline'
  | 'stretch'
  | 'self-start'
  | 'self-end'
>;

Type

"stretch" | "normal" | "start" | "end" | "flex-start" | "flex-end" | "center" | "baseline" | "self-start" | "self-end" | "safe stretch" | "safe normal" | "safe start" | "safe end" | "safe flex-start" | "safe flex-end" | "safe center" | "safe baseline" | "safe self-start" | "safe self-end" | "unsafe stretch" | "unsafe normal" | "unsafe start" | "unsafe end" | "unsafe flex-start" | "unsafe flex-end" | "unsafe center" | "unsafe baseline" | "unsafe self-start" | "unsafe self-end"

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.