interpolate
source mapped from input to output, piece by piece: numbers, or hex
colors channel by channel.
Usage
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>Type parameters
| Name | Constraint | Default |
|---|---|---|
T | Scalar | — |
Parameters
| Name | Type | Required | Description |
|---|---|---|---|
source | Readable<number> | Yes | — |
input | readonly number[] | Yes | — |
output | readonly T[] | Yes | — |
options | InterpolateOptions | No | — Default: {} |
Returns
Derived<T>
Generated from the public TypeScript declarations: signatures, props and defaults come from the checked source, descriptions from its JSDoc. No defaults are invented.