react-native-reanimated/src/css/svg/native/processors/opacity.ts

More powerful alternative to Animated library for React Native.

'use strict';
import type { NumberProp } from 'react-native-svg';

import type { ValueProcessor } from '../../../../common';

export const processOpacity: ValueProcessor<NumberProp, number> = (opacity) => {
  const value =
    typeof opacity === 'string' && opacity.trim().endsWith('%')
      ? +opacity.slice(0, -1) / 100
      : +opacity;
  return isNaN(value) || value > 1 ? 1 : Math.max(value, 0);
};