Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[v4] Bottom Sheet not opening (Only Backdrop) #1734

Closed
FabianTrain opened this issue Feb 8, 2024 · 2 comments
Closed

[v4] Bottom Sheet not opening (Only Backdrop) #1734

FabianTrain opened this issue Feb 8, 2024 · 2 comments
Labels
bug Something isn't working

Comments

@FabianTrain
Copy link

Bug

Some of our users (iOS and Android) report issues with the bottom sheet (no error report in sentry). The sheets background view is displayed but not the sheet itself. The error occurs every time these users try to open the sheet. A reinstall did not solve it.
Unfortunately I am unable to reproduce this issue on my own devices. All solutions to a similar bug (issue) seem not to apply to my code (handleStyle, handleComponent, reanimated version, Android animation settings).
The open keyboard shown in the screenshots is called through the autoFocus of a text input field component inside the sheet => the component gets rendered.

Bildschirmfoto 2024-02-08 um 12 12 27 Bildschirmfoto 2024-02-08 um 12 24 37

Environment info

Library Version
@gorhom/bottom-sheet 4.6.0
react-native 0.73.4
react-native-reanimated 3.6.2
react-native-gesture-handler 2.15.0

Steps To Reproduce

Code Snippet:

<View style={styles.container}>
  <BottomSheet
        ref={bottomSheetRef}
        index={0}
        snapPoints={['95%']}
        enablePanDownToClose
        onChange={handleSheetChanges}>
        <Header />
        <Navigator screen={initialScreen} />
        <ProgressButton />
  </BottomSheet>
</View>
const handleSheetChanges = useCallback(
  (index: number) => {
    if (index === -1) {
      close();
    }
  },
  [close],
);
const styles = StyleSheet.create({
  container: {
    flex: 1,
    backgroundColor: 'rgba(0,0,0,0.5)',
  },
});

Reproducible sample code

@FabianTrain FabianTrain added the bug Something isn't working label Feb 8, 2024
@YashaBP
Copy link

YashaBP commented Feb 8, 2024

check out the issue #1674 it may be related, I had a similar problem to yours and the solution in this issue helped me

@FabianTrain
Copy link
Author

check out the issue #1674 it may be related, I had a similar problem to yours and the solution in this issue helped me

Thanks a lot for your comment. This was exactly the issue! For anybody else facing this error: Its caused by the android or ios accessibility setting "Reduced Motions". The linked issue provides a patch file for patch-package.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
bug Something isn't working
Projects
None yet
Development

No branches or pull requests

2 participants