反应本机应用程序的标题和导航选项卡

Question

我正在构建我的第一个本机应用程序，但是遇到了我无法解决的问题。 在主屏幕上，我不需要任何标题，在其他页面上，我想保留导航选项。

我想建立一个简单的主页，用我的按钮进行注册和登录，问题是我无法隐藏任何应用程序页面上的第一个标题，我不知道问题是否出在标题上，或者也许在其他组件中？ 请查看下面的代码。

class HomeScreen extends React.Component {

  static navigationOptions =  {
         header:null,
         headerVisible:false
  }

  render() { 
    return (
      <ImageBackground source = {backgroundImage} style = {styles.backgroundImage}>     
      <View style = {styles.container}>

        <View style = {styles.btn_login}>
         <Button title = "SIGNUP NOW" color='#69428F' onPress ={this._showSignUpPage}/>        
        </View>

        <View style = {styles.btn_signup}>
         <Button title = "LOGIN" color='#AAA3A3' onPress = {this._showLoginPage}/>
        </View>

      </View>   

      </ImageBackground>  
    ); 
  }

class SignupScreen extends React.Component{
  // this hides the navigation, and i cannot see the navigation
  //  static navigationOptions =  {
  //        header:null,
  // }

  render(){
    return (
    <View style={styles.container_Signup}>
        <Button title="SignupScreen"/>
        <StatusBar barStyle="default" />
      </View>
      );
  }
}

const AppStack = createStackNavigator(
  {
    Home:{
     screen:HomeScreen,
     navigationOptions:{
      header:null
     } 
    },
    SIGNUP:SignupScreen,
    LOGIN:LoginScreen
  },
  {
  navigationOptions :{ 
    header:null
  }});

如您所见，我尝试将header：null放置在类中以及stackNavigator中，但是似乎没有任何作用。

Answer 1

尝试不设置标头模式，如下所示：

const AppStack = createStackNavigator( { 
   Home:{ 
     screen: HomeScreen,
     navigationOptions: { 
       header: null 
     } 
   }, 
   SIGNUP: SignupScreen, 
   LOGIN: LoginScreen 
}, { 
   headerMode: "none" 
});

希望对您有帮助。