How to propagate scroll event from View to underneath ScrollView in iOS?

[Omelyan]

So that you can scroll scrollables even if some View overlaps it, and touchables in that View will still work.

This works in Android but not iOS:

const a = useSharedValue('auto');

const animatedProps = useAnimatedProps(() => ({
  pointerEvents: a.value,
}));

const gesture = Gesture.Pan().onTouchesDown((_, state) => {
  a.value = 'none';
  state.fail();
});

<>
  <FlatList
    data={Array.from({ length: 20 })}
    renderItem={() => <View style={{ height: 80, margin: 10, backgroundColor: 'pink' }} />}
    onScrollEndDrag={() => {
      a.value = 'auto';
    }}
  />

  <GestureDetector gesture={gesture}>
    <Reanimated.View
      animatedProps={animatedProps}
      style={{
        position: 'absolute',
        width: '100%',
        height: 300,
        justifyContent: 'center',
        alignItems: 'center',
        backgroundColor: 'green',
        opacity: 0.5,
      }}
    >
      <TouchableOpacity style={{ height: 100, aspectRatio: 1, backgroundColor: 'tomato' }} />
    </Reanimated.View>
  </GestureDetector>
</>