fix: bottom sheet not appearing for users that have reduced motion turned on (#1743)(by @fobos531)

Author: gorhom

src/utilities/animate.ts

@@ -4,6 +4,8 @@ import {
   withTiming,
   withSpring,
   AnimationCallback,
+  // @ts-ignore
+  ReduceMotion,
 } from 'react-native-reanimated';
 import { ANIMATION_CONFIGS, ANIMATION_METHOD } from '../constants';
 
@@ -26,6 +28,14 @@ export const animate = ({
     configs = ANIMATION_CONFIGS;
   }
 
+  // Users might have an accessibililty setting to reduce motion turned on.
+  // This prevents the animation from running when presenting the sheet, which results in
+  // the bottom sheet not even appearing so we need to override it to ensure the animation runs.
+  if (ReduceMotion) {
+    // @ts-ignore
+    configs.reduceMotion = ReduceMotion.Never;
+  }
+
   // detect animation type
   const type =
     'duration' in configs || 'easing' in configs