interpolate
source mapped from input to output, piece by piece: numbers, or hex
colors channel by channel.
Verwendung
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}
/>
);
}Signaturen
<T extends Scalar>(source: Readable<number>, input: readonly number[], output: readonly T[], options?: InterpolateOptions): Derived<T>Typparameter
| Name | Einschränkung | Standard |
|---|---|---|
T | Scalar | — |
Parameter
| Name | Typ | Erforderlich | Beschreibung |
|---|---|---|---|
source | Readable<number> | Ja | — |
input | readonly number[] | Ja | — |
output | readonly T[] | Ja | — |
options | InterpolateOptions | Nein | — Standard: {} |
Rückgabe
Derived<T>
Generiert aus den öffentlichen TypeScript-Deklarationen: Signaturen, Props und Standardwerte stammen aus der geprüften Quelle, Beschreibungen aus deren JSDoc. Kein Standardwert ist erfunden.