Scrollview inside bottom sheet about react-native-raw-bottom-sheet HOT 16 CLOSED

Wrap the list items rendered inside the ScrollView with Pressable or any Touchables instead of View

It works

from react-native-raw-bottom-sheet.

@huy-lv Thank for giving me a feedback. I'm gonna implement it to support ScrollView as soon as possible.

from react-native-raw-bottom-sheet.

@nysamnang nice work, i have tried many way too but still not work :D i found some lib on github achieved that but it use native bridge. I dont want to use native bridge because i'm using Expo :D

from react-native-raw-bottom-sheet.

@nysamnang thanks for the idea. But having the feature without disabling the closeOnSwipeDown will be better and provides good experience for the users

from react-native-raw-bottom-sheet.

@ManigandanRaamanathan Yeah, i'm trying to implement it, I'm not quitting.

from react-native-raw-bottom-sheet.

@nysamnang great. I'll give a star for this library. It's quite rare to find such libraries for react native.

from react-native-raw-bottom-sheet.

@ManigandanRaamanathan You're right, that's my goal XD

from react-native-raw-bottom-sheet.

@huy-lv was the scrollView worked or not? Quite confusing

from react-native-raw-bottom-sheet.

@ManigandanRaamanathan Sorry, it did not work, i missed a word :D

from react-native-raw-bottom-sheet.

@huy-lv @ManigandanRaamanathan Currently, If you want to use a ScrollView inside RBSheet you need to set props closeOnSwipeDown to false. It works, but you just can't use swipe down gesture to close RBSheet. Honestly, it's very hard for me to implement ScrollView inside PanResponder. I spent a lot of hours but still not achieve yet. I really need a contributor who can implement this.

from react-native-raw-bottom-sheet.

@huy-lv could you please share the lib name?

from react-native-raw-bottom-sheet.

@nysamnang The idea for scrollView is something like the facebook app comment box feature

from react-native-raw-bottom-sheet.

@ManigandanRaamanathan for you guy https://github.com/prscX/react-native-bottom-action-sheet

from react-native-raw-bottom-sheet.

@huy-lv Yes that requires react-native link to make changes with the native codes. Found few people facing build errors. But this @nysamnang 's version looks clean without requiring native bridge

from react-native-raw-bottom-sheet.

Hello, just a suggestion. Wouldn't it be possible to use both ScrollView and close on swipe down, if you could move listener for "draging down to close" just to bottom part of sheet?
So when closing sheet, you just swipe bottom part and body of sheet could be used as ScrollView.

EDIT: I managed to do it with simple modification of index file. Just added with small height with panresponder, so responder listen only to this small part of modal.

from react-native-raw-bottom-sheet.

@j6workz It's working for me.

from react-native-raw-bottom-sheet.