slide
Moves by distance (24 by default) in its direction: slide.up(12) enters
rising 12 into place and leaves rising 12 away.
Utilisation
Slide a view into place.
// Slide a view into place.
import { Box, fade, slide } from 'kuito';
<Box enter={slide.up(12)} exit={slide.down()} />; // 24 by default
<Box enter={fade.and(slide.left())} />;Propriétés et méthodes 4
| Nom | Type | Requis | Description |
|---|---|---|---|
up | (by?: number) => Effect | Oui | — Par défaut: (by: number = 24): Effect =>
tracks('slide', [{ prop: 'translateY', enter: distance(by), exit: -by }]) |
down | (by?: number) => Effect | Oui | — Par défaut: (by: number = 24): Effect =>
tracks('slide', [{ prop: 'translateY', enter: -distance(by), exit: by }]) |
left | (by?: number) => Effect | Oui | — Par défaut: (by: number = 24): Effect =>
tracks('slide', [{ prop: 'translateX', enter: distance(by), exit: -by }]) |
right | (by?: number) => Effect | Oui | — Par défaut: (by: number = 24): Effect =>
tracks('slide', [{ prop: 'translateX', enter: -distance(by), exit: by }]) |
up — signatures de méthode
Signatures
down — signatures de méthode
Signatures
left — signatures de méthode
Signatures
right — signatures de méthode
Signatures
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.