TimingConfig — Kuito Documentação

Utilização

Animate through several keyframes.

Este tipo é usado por keyframes

tsx

// Animate through several keyframes.
import { Box, keyframes, motion, repeat } from 'kuito';

const pulse = motion(1);

pulse.value = repeat(keyframes({ 0: 1, 50: 1.1, 100: 1 }, 600)); // one prop: an animation

const pop = keyframes({ 0: { opacity: 0, scale: 0.8 }, 100: { opacity: 1, scale: 1 } }, 300); // objects: an effect

<Box scale={pulse} enter={pop} />;

Declaração do tipo

export interface TimingConfig {
  duration?: number;
  easing?: CubicBezier;
  delay?: number;
  onEnd?: AnimationCallback;
}

Membros 4

Nome	Tipo	Obrigatório	Descrição
`duration`	`number`	Não	—
`easing`	`CubicBezier`	Não	—
`delay`	`number`	Não	—
`onEnd`	`AnimationCallback`	Não	—

onEnd — assinaturas de método

Assinaturas

(finished: boolean): void

Parâmetros

Nome	Tipo	Obrigatório	Descrição
`finished`	`boolean`	Sim	—

Devolve

void

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.