mirror of
https://github.com/getpaseo/paseo.git
synced 2026-11-01 06:02:56 +00:00
Mohamed Boudra
70fb5f5bfd
Functions called inside useAnimatedStyle must be marked as worklets. Missing directives caused a native crash on Android with newer react-native-reanimated/worklets that enforce UI-thread safety.
25 lines
558 B
TypeScript
25 lines
558 B
TypeScript
export const WORKING_INDICATOR_CYCLE_MS = 1200;
|
|
export const WORKING_INDICATOR_OFFSETS = [
|
|
0,
|
|
160 / WORKING_INDICATOR_CYCLE_MS,
|
|
320 / WORKING_INDICATOR_CYCLE_MS,
|
|
] as const;
|
|
|
|
function normalizePhase(value: number): number {
|
|
"worklet";
|
|
const wrapped = value % 1;
|
|
return wrapped < 0 ? wrapped + 1 : wrapped;
|
|
}
|
|
|
|
export function getWorkingIndicatorDotStrength(
|
|
progress: number,
|
|
offset: number
|
|
): number {
|
|
"worklet";
|
|
const phase = normalizePhase(progress + offset);
|
|
if (phase <= 0.5) {
|
|
return phase * 2;
|
|
}
|
|
return (1 - phase) * 2;
|
|
}
|