react-native - 选项卡下的 React Native Tab Bar 空白

Question

我正在使用带有 SafeAreaView 的标签栏导航器。

如果我注释掉标签栏导航，父视图会覆盖整个屏幕。但是，当我添加标签栏时，它会在标签栏部分下显示一个小的白色视图。

const App = () => {
  return (
    <SafeAreaView style={styles.droidSafeArea}>
      <View style={{ backgroundColor: "red", flex: 1 }}>
        <TabNavigator key="MainTabNav" />
      </View>
    </SafeAreaView>
  );
};

export default App;

const styles = StyleSheet.create({
  droidSafeArea: {
    flex: 1,
    backgroundColor: "#2F3438",
  }
});

标签： react-nativetabbarsafeareaview

Answer 1

尝试这个

  screenOptions={{
                        tabBarStyle: {
                            paddingBottom:0,         
                        },
                }}