React native Android状态栏与应用程序重叠，但IOS状态栏不重叠'；T

我有webview应用程序的以下代码：

import { StatusBar } from 'expo-status-bar';
import React, { useState, useRef } from 'react'
import {ActivityIndicator, TouchableOpacity, Text, SafeAreaView, StyleSheet, View} from "react-native";
import { WebView } from 'react-native-webview';
import { NavigationContainer } from '@react-navigation/native';
import { createStackNavigator } from '@react-navigation/stack';
import { Ionicons } from '@expo/vector-icons'

const App = () => {
  const [canGoBack, setCanGoBack] = useState(false)
  const [canGoForward, setCanGoForward] = useState(false)
  const [currentUrl, setCurrentUrl] = useState('')
  const webviewRef = useRef(null)

  return (
    <>
      <StatusBar barStyle='dark-content' />
      <SafeAreaView style={styles.flexContainer}>
        <WebView 
        userAgent="Mozilla/5.0 (Linux; Android 6.0; Nexus 5 Build/MRA58N) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/86.0.4240.193 Mobile Safari/537.36"
        source={{ uri: 'https://google.com' }}
        mixedContentMode = "compatibility"
          ref={webviewRef}}
        />
      </SafeAreaView>
    </>
  )
}

const styles = StyleSheet.create({
  flexContainer: {
    flex: 1
  },
  tabBarContainer: {
    padding: 10,
    flexDirection: 'row',
    justifyContent: 'space-around',
    backgroundColor: '#000000'
  },
  button: {
    color: 'white',
    fontSize: 20
  }
})

export default App

从“世博会状态栏”导入{StatusBar}；
从“React”导入React，{useState，useRef}
从“react native”导入{ActivityIndicator，TouchableOpacity，Text，SafeAreaView，StyleSheet，View}；
从“react native WebView”导入{WebView}；
从'@react-navigation/native'导入{NavigationContainer}；
从'@react navigation/stack'导入{createStackNavigator}；
从“@expo/vector icons”导入{Ionicons}
常量应用=（）=>{
const[canGoBack，setCanGoBack]=useState（false）
const[canGoForward，setCanGoForward]=useState（false）
const[currentUrl，setCurrentUrl]=useState（“”）
const webviewRef=useRef（空）
返回(
)
}
const styles=StyleSheet.create({
flexContainer：{
弹性：1
},
tabBarContainer：{
填充：10，
flexDirection:'行'，
为内容辩护：“周围的空间”，
背景颜色：'#000000'
},
按钮：{
颜色：'白色'，
尺寸：20
}
})
导出默认应用程序

然而，在Android上，状态栏与应用程序重叠，但在IOS上则不重叠。在IOS上，它只是显得太挤了

我应该如何修改上述代码以解决以下问题：

（1） Android和

（2） 在IOS上太挤了？

也许这可以帮助你也许这可以帮助你