fix: hide the bottom sheet on closed (#690)

gorhom · Oct 12, 2021 · 9f04d55 · 9f04d55
1 parent 31b0151
commit 9f04d55
Showing 1 changed file with 11 additions and 7 deletions.
diff --git a/src/components/bottomSheet/BottomSheet.tsx b/src/components/bottomSheet/BottomSheet.tsx
@@ -1147,13 +1147,17 @@ const BottomSheetComponent = forwardRef<BottomSheet, BottomSheetProps>(
     //#endregion
 
     //#region styles
-    const containerAnimatedStyle = useAnimatedStyle(() => ({
-      transform: [
-        {
-          translateY: animatedPosition.value,
-        },
-      ],
-    }));
+    const containerAnimatedStyle = useAnimatedStyle(
+      () => ({
+        opacity: animatedIndex.value === -1 ? 0 : 1,
+        transform: [
+          {
+            translateY: animatedPosition.value,
+          },
+        ],
+      }),
+      [animatedPosition, animatedIndex]
+    );
     const containerStyle = useMemo(
       () => [_providedStyle, styles.container, containerAnimatedStyle],
       [_providedStyle, containerAnimatedStyle]