question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Unable to close the bottom sheet completely v3

See original GitHub issue

Bug

Based on the docs, provide -1 to initiate bottom sheet in closed state. But it is not working.

 const snapPoints = useMemo(
    () => [
      -1,
      Platform.OS === 'ios' ? height - 113 : height - 95,
    ],
    []
  )

Environment info

Library Version
@gorhom/bottom-sheet ^3
react-native https://github.com/expo/react-native/archive/sdk-41.0.0.tar.gz
react-native-reanimated ~2.1.0
react-native-gesture-handler ~1.10.2

Steps To Reproduce

https://user-images.githubusercontent.com/26655111/117109273-fb7f2900-adb6-11eb-8e93-82948b26e1ee.mov

  1. Drag down the bottom sheet to close

Describe what you expected to happen:

  1. The bottom sheet closed completely

Reproducible sample code

Issue Analytics

  • State:closed
  • Created 2 years ago
  • Comments:7 (1 by maintainers)

github_iconTop GitHub Comments

1reaction
kaisian97commented, Jun 16, 2021

#427

Works fine on v4.

1reaction
gorhomcommented, Jun 15, 2021

@kaisian97 could you test on v4 ? #427

Read more comments on GitHub >

github_iconTop Results From Across the Web

[v2] Bottom Sheet can not be closed on SDK 45 #935 - GitHub
I have installed the latest SDK version, which is SDK 45. On IOS everything works fine, on Android there is a bug. After...
Read more >
Prevent dismissal of BottomSheetDialogFragment on touch ...
According to the BottomSheet specification bottom sheets can be dismissed by touching outside of the bottom sheet, therefore what are my options ...
Read more >
BottomSheetBehavior - Android Developers
An interaction behavior plugin for a child view of CoordinatorLayout to make it work as a bottom sheet. To send useful accessibility events, ......
Read more >
How to Create a Bottom Sheet With Jetpack Compose
Bottom sheets are UI sheets that the user can drag up and down to show or reveal UI components. Very useful! ⭐ Get...
Read more >
react-native-raw-bottom-sheet - npm
Props ; dragFromTopOnly, boolean, Drag only the top area of the draggableIcon to close Bottom Sheet instead of the whole content, false.
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found