Comments (6)
Hi, @nysamnang, thank you for your response, and sorry for not updating this issue when I figured it out just about 2 hours after having opened the issue.
The problem actually is that if we use the Touchables components from react-native-gesture-handler
then it won't work, I'm not sure why and couldn't dig into the problem, it just won't work, I've seen some compatibility issues of react-native-gesture-handler
lately. But using the Touchables from react-native
did the trick, so anyone who will combine react-native-raw-bottom-sheet
and react-native-gesture-handler
be aware of this!
Would it be reasonable add this information to the README?
By the way, awesome work!
from react-native-raw-bottom-sheet.
Well, there's just another bit of information that I forgot to mention that may help about this issue: besides of all my Touchables being imported from react-native-gesture-handler
, all of them were children of a ScrollView
also from react-native-gesture-handler
!
I really might be talking some nonsense here 😄
You probably already know this, but the main feature of react-native-gesture-handler
is that they don't use the React Native Gesture Responder System at all , they implement it natively for each platform, and I think that there might be a conflicting issue in some scenarios mixing the React Native Gesture Responder System and the react-native-gesture-handler
implementation.
from react-native-raw-bottom-sheet.
@ccs1428 make sure u imported TouchableOpacity from react-native package not using the TouchableOpacity from react-native-gesture-handler
i had the same problem as u then i realize i imported the TouchableOpacity from react-native-gesture-handler
from react-native-raw-bottom-sheet.
@imdanielpiva That's very strange! As you can see in my example, I use Touchable inside each of them and the Press Events are working pretty good. Anyway, I'm gonna track this issue and thank you for the snippet code.
from react-native-raw-bottom-sheet.
@imdanielpiva Thank you very for figured out the issue otherwise maybe I don't how to run into this problem. You said that the issue occurred when we combine RBSheet
with react-native-gesture-handler
but I don't agree at all because I see the snippet code in the issue #29 I think those components are not react-native-gesture-handler
's component. It really makes me wonder!!!
from react-native-raw-bottom-sheet.
I am facing same issue, please help me to solve the same.
Within the bottom sheet not able to call "TouchableOpacity" from "react-native" / "react-native-gesture-handler" packages.
i am in this issue around 6 hours, please help me.
from react-native-raw-bottom-sheet.
Related Issues (20)
- Touch events not working on IOS simulator HOT 4
- Add statusBarTranslucent on Modal HOT 3
- How to mock the react-native-raw-bottom-sheet ?? HOT 7
- Background Overlay is not available HOT 2
- RBSheet takes too long to open first time HOT 1
- Toast when bottom sheet is open HOT 3
- Default Opening HOT 2
- how to make other Component front of rbsheet HOT 1
- Please type props with 'PropsWithChildren' HOT 8
- Bottom sheet doesn't open when I re-route to back to its parent component(Homepage) HOT 5
- Flat list item click not working on first click HOT 1
- minClosingHeight is not working
- Open Sheet on the side HOT 1
- How to disable Mask HOT 1
- how to disable dragable icon ?
- how to disable draggableIcon ? HOT 2
- How to use react-native-raw-bottom-sheet in typescript HOT 2
- Property 'children' does not exist on type HOT 3
- Typescript Fix HOT 3
- BackEvent is not firing inside bottomsheet when system default back event is pressed
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from react-native-raw-bottom-sheet.