[v4] | [v2] Issue With Swipe down to Close Gesture With FooterComponent

Open arinjay-d11 opened this issue 1 year ago • 1 comments

Bug

Integration of Gorhom Bottom Sheet in Our Project:

In our project, we are utilizing the Gorhom Bottom Sheet library to implement a highly customizable and flexible bottom sheet component. The library allows us to efficiently manage sheet content and interactions like gestures, which are crucial for our use case.

Issue with Footer Component: While integrating the FooterComponent provided by the Gorhom Bottom Sheet, we encountered an issue with the behavior of the footer when used as footerComponent. Specifically, when performing the swipe down gesture to close the bottom sheet, the main content of the bottom sheet dismisses as expected. However, the FooterComponent does not close simultaneously with the rest of the content.

Observed Behavior: During the swipe down gesture to close the bottom sheet, the content within the sheet closes first. After the content closes, the FooterComponent remains briefly visible before it finally disappears, resulting in a non-smooth close gesture. This issue disrupts the expected user experience, as the footer should close together with the rest of the bottom sheet content. To better illustrate this issue, I have attached a video showcasing the behavior during the swipe-down-to-close gesture.

Environment info

Library	Version
@gorhom/bottom-sheet	4.4.3
react-native	0.72.5
react-native-reanimated	3.4.0
react-native-gesture-handler	3.3.2

Steps To Reproduce

1.Clone the Repo 2. Run "yarn" 3. Run "yarn android" 4. After successfully install , Tap on "Open bottom sheet" 5. Close it via , Swipe down to close gesture slowly , we can clearly see the content disappear first and then the footer disappears.

Describe what you expected to happen: