interpolate
source mapped from input to output, piece by piece: numbers, or hex
colors channel by channel.
Utilisation
Follow navigation motion
import { Box, interpolate, type ScreenProps } from 'kuito';
export default function Details({ back, sheet }: ScreenProps) {
return (
<Box
flex={1}
opacity={sheet ? interpolate(sheet.progress, [0, 1], [0.6, 1]) : 1}
scale={back ? interpolate(back, [0, 1], [1, 0.94]) : 1}
/>
);
}Signatures
<T extends Scalar>(source: Readable<number>, input: readonly number[], output: readonly T[], options?: InterpolateOptions): Derived<T>Paramètres de type
| Nom | Contrainte | Par défaut |
|---|---|---|
T | Scalar | — |
Paramètres
| Nom | Type | Requis | Description |
|---|---|---|---|
source | Readable<number> | Oui | — |
input | readonly number[] | Oui | — |
output | readonly T[] | Oui | — |
options | InterpolateOptions | Non | — Par défaut: {} |
Retourne
Derived<T>
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.