Android 13 and below OS version not supporting the insets
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.
same issue
react-native-0.79.6 "react-native-safe-area-context": "^5.6.1",
.
same issue
react-native-0.78.3 "react-native-safe-area-context": "^5.6.1",
.
Same issue. "expo": "54.0.20", "react-native": "0.81.5", "react-native-safe-area-context": "~5.6.0",