AnimatableProps — Kuito Documentação

Utilização

Overlay a now-playing caption

Este tipo é usado por 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>
  );
}

Declaração do tipo

export type AnimatableProps =
  | 'opacity'
  | 'backgroundColor'
  | 'translateX'
  | 'translateY'
  | 'scale'
  | 'scaleX'
  | 'scaleY'
  | 'rotate'
  | 'borderRadius'
  | 'borderColor'
  | 'shadowColor'
  | 'shadowRadius'
  | 'shadowOffsetX'
  | 'shadowOffsetY'
  | 'width'
  | 'height';

Tipo

"opacity" | "backgroundColor" | "borderRadius" | "borderColor" | "width" | "height" | "translateX" | "translateY" | "scale" | "scaleX" | "scaleY" | "rotate" | "shadowColor" | "shadowRadius" | "shadowOffsetX" | "shadowOffsetY"

Gerado a partir das declarações TypeScript públicas: assinaturas, props e predefinições vêm da fonte verificada, as descrições da sua JSDoc. Nenhuma predefinição é inventada.