fix: bottom sheet layout issue interrupting with animated view

GetStream · Jan 30, 2025 · 0bfe9b6 · 0bfe9b6
1 parent 5c16879
commit 0bfe9b6
Showing 1 changed file with 4 additions and 4 deletions.
diff --git a/package/src/components/UIComponents/BottomSheetModal.tsx b/package/src/components/UIComponents/BottomSheetModal.tsx
@@ -119,8 +119,8 @@ export const BottomSheetModal = (props: PropsWithChildren<BottomSheetModalProps>
     });
 
   return (
-    <Modal animationType='fade' onRequestClose={handleDismiss} transparent visible={visible}>
-      <GestureHandlerRootView style={{ flex: 1 }}>
+    <GestureHandlerRootView style={{ flex: 1 }}>
+      <Modal animationType='fade' onRequestClose={handleDismiss} transparent visible={visible}>
         <TouchableWithoutFeedback onPress={handleDismiss}>
           <View style={[styles.overlay, { backgroundColor: overlay }, overlayTheme]}>
             <GestureDetector gesture={gesture}>
@@ -143,8 +143,8 @@ export const BottomSheetModal = (props: PropsWithChildren<BottomSheetModalProps>
             </GestureDetector>
           </View>
         </TouchableWithoutFeedback>
-      </GestureHandlerRootView>
-    </Modal>
+      </Modal>
+    </GestureHandlerRootView>
   );
 };