So I know this has been gone over in multiple other threads but this one is kind of unique, I've built this app using React Native that uses swipe gestures to animate views sliding in an out of the view. iOS is nearly flawless but when running on android anything past the first view in the stack button presses inside of the views stop working, I believe that this is because the parent view is essentially sliding out of the view and so non of the touches are registering. I'm kind of stumped on how to fix this, this is kind of an adhoc implementation so maybe theres react native package that I overlooked.
<Animated.View style={{
transform: [{
translateX: xOffset.interpolate({
inputRange: [0, 2],
outputRange: [0, -Dimensions.get('window').width * 2]
})
}]
}}>
<RenderViews />
</Animated.View>
const RenderViews = props => {
return (
<View style={{
flexDirection: 'row',
}}>
<Preset1 />
<Preset2 />
<Manual />
</View>
)
};
I ended up implementing react-native-swiper which handles all of the swipe logic and button presses are working again on android.