fix: bottom sheet not appearing with android reduce motion

Author: coolsoftwaretyler

.yarn/install-state.gz

@@ -0,0 +1 @@
+nodeLinker: node-modules

.yarnrc.yml

@@ -70,13 +70,13 @@
     "react": "*",
     "react-native": "*",
     "react-native-gesture-handler": ">=2.16.1",
-    "react-native-reanimated": ">=3.16.0 || >=4.0.0-"
+    "react-native-reanimated": "*"
   },
   "peerDependenciesMeta": {
-    "@types/react-native": {
+    "@types/react": {
       "optional": true
     },
-    "@types/react": {
+    "@types/react-native": {
       "optional": true
     }
   },
@@ -94,5 +94,6 @@
   },
   "overrides": {
     "conventional-changelog-conventionalcommits": "8.0.0"
-  }
+  },
+  "packageManager": "yarn@1.22.22+sha512.a6b2f7906b721bba3d67d4aff083df04dad64c399707841b7acf00f6b133b7ac24255f2652fa22ae3534329dc6180534e98d17432037ff6fd140556e2bb3137e"
 }

package.json

@@ -6,6 +6,7 @@ import React, {
   useEffect,
   useImperativeHandle,
   useMemo,
+  useState,
 } from 'react';
 import { Platform, StyleSheet } from 'react-native';
 import { State } from 'react-native-gesture-handler';
@@ -280,6 +281,13 @@ const BottomSheetComponent = forwardRef<BottomSheet, BottomSheetProps>(
         ? userReduceMotionSetting
         : _providedOverrideReduceMotion === ReduceMotion.Always;
     }, [userReduceMotionSetting, _providedOverrideReduceMotion]);
+
+    const [, _forceUpdate] = useState(0);
+    const handleReduceMotionMountFlush = useCallback(() => {
+      if (Platform.OS === 'android' && reduceMotion) {
+        _forceUpdate((prev: number) => prev + 1);
+      }
+    }, [reduceMotion]);
     //#endregion
 
     //#region state/dynamic variables
@@ -971,7 +979,7 @@ const BottomSheetComponent = forwardRef<BottomSheet, BottomSheetProps>(
            * if animate on mount is set to true, then we animate to the propose position,
            * else, we set the position with out animation.
            */
-          if (animateOnMount) {
+          if (animateOnMount && !reduceMotion) {
             animateToPosition(
               proposedPosition,
               ANIMATION_SOURCE.MOUNT,
@@ -981,6 +989,7 @@ const BottomSheetComponent = forwardRef<BottomSheet, BottomSheetProps>(
           } else {
             setToPosition(proposedPosition);
             isAnimatedOnMount.value = true;
+            runOnJS(handleReduceMotionMountFlush)();
           }
           return;
         }
@@ -1071,6 +1080,7 @@ const BottomSheetComponent = forwardRef<BottomSheet, BottomSheetProps>(
         isAnimatedOnMount,
         isInTemporaryPosition,
         isLayoutCalculated,
+        handleReduceMotionMountFlush,
       ]
     );
     //#endregion