Android 13 and below OS version not supporting the insets

[rupens1]

For Android 13 and below OS version in Android, the safe area context properties using insets like padding top and padding bottom is not resolving the issue of header overlap inside the WebView. For iOS, its working fine.

React Native version:
"react-native": "0.79.2",

SafeArea Context lib version:
"react-native-safe-area-context": "^5.4.0",

<>
  {sessionData ? (
    <SafeAreaProvider
      style={{
        flex: 1,
          paddingTop: Platform.OS === 'android' ? insets.top: 0,
          paddingBottom: Platform.OS === 'android' ? insets.bottom : 0
      }}
    >
      <KBWebview {...nativeProps} style={{ flex: 1 }} />
    </SafeAreaProvider>
  ) : (
    <View />
  )}
  </>

please guide.

[estebanGTS]

same issue

react-native-0.79.6
"react-native-safe-area-context": "^5.6.1",

[estebanGTS]

.

[hezhengjian]

same issue

react-native-0.78.3
"react-native-safe-area-context": "^5.6.1",

[estebanGTS]

.

[Huailun]

Same issue.
"expo": "54.0.20",
"react-native": "0.81.5",
"react-native-safe-area-context": "~5.6.0",