What I am trying to achieve:
I am trying to make it possible to click and scroll over views under a ScrollView which is over all other views with zIndex 10000.
What is the current structure:
<ScrollView contentInsetAdjustmentBehavior="automatic" style={styles.alertNotificationsScroller}>
{alertNotifications.map((props) => (
<AlertNotification key={props.id} {...props} />
))}
</ScrollView>
What is being currently visualized:
The AlertNotifications (View) can take different width. Some may take half the width of the device, some can take the whole width making the ScrollView container take the whole screen. Under this ScrollView can be any ScrollView or View.
My understanding:
Basically scroll and click should be possible under the ScrollView when the event is not on some of the AlertNotifications (responders only on these Views).
Click or move up/down an AlertNotifications only should trigger ScrollView scroll event and work as expected.
Currently I haven't tried anything because I can't wrap my head around all the responders and containers' props. Any suggestion or solution is welcome. If there is smarter aproach than what I have described even better.
The behaviour should be the same on android and ios.