React native Touch events are passing through absolute view React native Touch events are passing through absolute view android android

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

zIndex / Touch issue on Android


When wrapping with empty TouchableWithoutFeedback, click events are not able to propagate beyond that

import { TouchableWithoutFeedback } from "react-native";<TouchableWithoutFeedback>  // your component</TouchableWithoutFeedback>