RepeatConfig — Kuito Documentation

Utilisation

Animate through several keyframes.

Ce type est utilisé par repeat

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} />;

Déclaration du type

export interface RepeatConfig {
  /** How many times; Infinity (the default) repeats until interrupted. */
  count?: number;
  /** Run every other repetition backwards. */
  reverse?: boolean;
  onEnd?: AnimationCallback;
}

Membres 3

Nom	Type	Requis	Description
`count`	`number`	Non	How many times; Infinity (the default) repeats until interrupted.
`reverse`	`boolean`	Non	Run every other repetition backwards.
`onEnd`	`AnimationCallback`	Non	—

onEnd — signatures de méthode

Signatures

(finished: boolean): void

Paramètres

Nom	Type	Requis	Description
`finished`	`boolean`	Oui	—

Retourne

void

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.