react-native-safe-area-context icon indicating copy to clipboard operation
react-native-safe-area-context copied to clipboard

Android 13 and below OS version not supporting the insets

Open rupens1 opened this issue 4 months ago • 5 comments

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.

rupens1 avatar Sep 11 '25 05:09 rupens1

same issue

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

estebanGTS avatar Sep 15 '25 23:09 estebanGTS

.

estebanGTS avatar Sep 22 '25 14:09 estebanGTS

same issue

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

hezhengjian avatar Sep 25 '25 01:09 hezhengjian

.

estebanGTS avatar Oct 02 '25 16:10 estebanGTS

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

Huailun avatar Oct 30 '25 15:10 Huailun