Fix: Navigation gesture gestureResponseDistance failure

[kazhoang]

Summary

#Before

https://github.com/user-attachments/assets/9b22a568-e098-4815-86e3-f5a5359d6cb3

#After

https://github.com/user-attachments/assets/f968d1b9-6fc7-4c14-96c1-1c76ae6eb2a9

Test Plan

"react-native": "0.79.5" (New Architect) "react-native-pager-view": "^6.8.1" "@react-navigation/native": "^7.1.16", "@react-navigation/native-stack": "^7.3.23",

Set screen options:

<RootStack.Screen
        name="SecurityUpdate"
        component={SecurityUpdateScreen}
        options={{
          fullScreenGestureEnabled: true,
          gestureResponseDistance: {
            start: 0,
            end: Constants.deviceWidth
          }
       }}
/>

then in the screen:

return (
    <PagerView style={{ flex: 1 }} initialPage={0}>
      <View key="1" style={{ backgroundColor: 'pink', flex: 1 }}>
        <Text>First page</Text>
      </View>
      <View key="2" style={{ backgroundColor: 'green', flex: 1 }}>
        <Text>Second page</Text>
      </View>
    </PagerView>
)

What's required for testing (prerequisites)?

What are the steps to reproduce (after prerequisites)?

Compatibility

OS	Implemented
iOS	✅
Android	❌

Checklist

• [X] I have tested this on a device and a simulator
• [x] I added the documentation in README.md
• [x] I updated the typed files (TS and Flow)

[troZee]

@kazhoang could you resolve the conflicts 🙏 ?