如何在react native中删除材质顶部选项卡栏上方的空白

import React from 'react';
import { StatusBar } from 'react-native';
import { NavigationContainer } from '@react-navigation/native';
import { createBottomTabNavigator } from '@react-navigation/bottom-tabs';

const Tab = createBottomTabNavigator();

function App() {
  return (
    <>
      <StatusBar barStyle="dark-content" />
      <NavigationContainer>
        <Tab.Navigator>
          {/* 你的标签页 */}
        </Tab.Navigator>
      </NavigationContainer>
    </>
  );
}

export default App;

<Tab.Navigator
  tabBarOptions={{
    style: {
      paddingTop: 0, // 或者根据需要设置为其他值
      marginTop: -20, // 如果状态栏高度是20，可以尝试减去这个值
    },
  }}
>
  {/* 你的标签页 */}
</Tab.Navigator>

import { SafeAreaView } from 'react-native-safe-area-context';

function App() {
  return (
    <SafeAreaView style={{ flex: 1 }}>
      <NavigationContainer>
        <Tab.Navigator>
          {/* 你的标签页 */}
        </Tab.Navigator>
      </NavigationContainer>
    </SafeAreaView>
  );
}