React native Touch events are passing through absolute view
Add pointerEvents
attribute. The documentation can be found here http://facebook.github.io/react-native/docs/0.50/view#pointereventsAdd the pointerEvents
to this view in renderFilterList
method
<View style={[ movieFilterListContainerStyle, { width: filterListWidth, }, ]} pointerEvents={'box-only'}>
This turned out to be the issue/fix for our app (see first and final comments): move the absolute element to the last element in the top view
When wrapping with empty TouchableWithoutFeedback
, click events are not able to propagate beyond that
import { TouchableWithoutFeedback } from "react-native";<TouchableWithoutFeedback> // your component</TouchableWithoutFeedback>