@gorhom/bottom-sheet/src/hooks/useBottomSheetTimingConfigs.ts

A performant interactive bottom sheet with fully configurable options 🚀

import { useMemo } from 'react';
import Animated from 'react-native-reanimated';
import { ANIMATION_DURATION, ANIMATION_EASING } from '../constants';

/**
 * Generate timing animation configs.
 * @default
 * - easing: Easing.out(Easing.exp)
 * - duration 250
 * @param configs overridable configs.
 */
export const useBottomSheetTimingConfigs = (
  configs: Animated.WithTimingConfig
) => {
  return useMemo(() => {
    const _configs: Animated.WithTimingConfig = {
      easing: configs.easing || ANIMATION_EASING,
      duration: configs.duration || ANIMATION_DURATION,
    };

    return _configs;
  }, [configs.duration, configs.easing]);
};