React native 如何删除react native中的操作栏

您好，我正在开发一个android应用程序，带有react native。我正在尝试从HomeScreen.js中删除操作栏（Home）。我的代码是

import React, { Component } from 'react';
import { View, Text, StyleSheet } from 'react-native';

class HomeScreen extends Component {
   render() {
      return (
          <View style={styles.container}>
            <Text>HomeScreen</Text>
          </View>
        );
   }
}

const styles = StyleSheet.create({
    container: {
        flex: 1,
        justifyContent: 'center',
        alignItems: 'center',
        backgroundColor: '#2c3e50',
     },
});

export default HomeScreen;

import React，{Component}来自'React'；
从“react native”导入{View，Text，StyleSheet}；
类主屏幕扩展组件{
render（）{
返回(
主屏幕
);
}
}
const styles=StyleSheet.create({
容器：{
弹性：1，
为内容辩护：“中心”，
对齐项目：“居中”，
背景颜色：“#2c3e50”，
},
});
导出默认主屏幕；

---

如果您使用的是React导航，默认情况下堆栈导航器有一个标题，您需要为导航选项的标题属性提供null值

您可以在主屏幕类中添加此功能

static navigationOptions = {
    header: null,
    };

---

对于单个屏幕，可以在堆栈中将属性

headerShown:false

设置为：

<Stack.Screen
  name="AppScreen1"
  component={AppScreen1}
  options={{headerShown: false}}
/>

---

您是否正在使用

react导航

？是的，我正在使用react导航。我需要在每个组件中添加上述代码，或者是否有任何默认方法来禁用操作barGot。谢谢，我将defaultNavigationOption（）{header:null}函数直接添加到createStackNavigator（）中

<Stack.Navigator
  screenOptions={{headerShown: false}}
>
  <Stack.Screen>
    ---
  </Stack.Screen>
</Stack.Navigator>