Menu
I have a View that is absolute positioned above a ScrollView:
I want to be able to scroll even though I start my touch inside the top view. I have tried setting onStartShouldSetResponder and onMoveShouldSetResponder on the View to false but it still doesnt allow me to scroll the underlying ScrollView. Any help is appreciated :)
965
You need to wrap the text in a div element and include the absolutely positioned element inside of it. Setting the inner div's position to relative makes the absolutely position elements inside of it base their position and height on it rather than on the . container div, which has a fixed height.
By using KeyboardAwareScrollView , your entire screen becomes scrollable. Furthermore, it automatically handles input field focus and lifts the field upward upon opening the keyboard.
To fix ScrollView Not scrolling with React Native, we wrap the content of the ScrollView with the ScrollView. to wrap ScrollView around the Text components that we render inside. As a result, we should see text inside and we can scroll up and down.
ScrollViews can be configured to allow paging through views using swiping gestures by using the pagingEnabled props. Swiping horizontally between views can also be implemented on Android using the ViewPager component. On iOS a ScrollView with a single item can be used to allow the user to zoom content.
If anyone is having this issue it is now possible to add pointerEvents="none" to the View you don't want to respond to touch. See the documentation here.
185
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With
