The Nested Scrolling Event Not Working Properly in Android

[karthicksakthi500]

Title: WebView Refreshing Automatically When Scrolling Nested ScrollView

Description:

I am experiencing an issue with my React Native application where a WebView inside a ScrollView is refreshing automatically when I scroll a nested ScrollView within the WebView.

Environment:

• React Native version: "0.75.4",
• react-native-webview version: "^13.12.2"
• Platform: [iOS/Android]

Steps to Reproduce:

1. Create a ScrollView that contains a WebView.
2. Inside the WebView, include a nested ScrollView.
3. Scroll the nested ScrollView.
4. Observe that the parent ScrollView's RefreshControl is triggered, causing the WebView to refresh.

Expected Behavior:
The WebView should not refresh automatically when scrolling the nested ScrollView. The RefreshControl should only activate when the user scrolls the outer ScrollView.

Actual Behavior:
Scrolling the nested ScrollView inadvertently triggers the refresh behavior of the parent ScrollView, leading to an unwanted refresh of the WebView.

Code Snippet:

<ScrollView
    refreshControl={
        <RefreshControl
            refreshing={refreshing}
            onRefresh={onRefresh}
            enabled={routeName !== 'Journal'}
        />
    }
>
    <WebView
        source={{ uri: HOME_URL }}
        injectedJavaScript={injectedJavaScript}
        // Other props...
    />
</ScrollView>