Заголовок и вкладка «Навигация» в собственном приложении

Question

Я создаю свое первое реактивное приложение, и я столкнулся с проблемой, которую не мог решить.на домашнем экране я не хочу никаких заголовков, а на других страницах я хотел бы сохранить опцию навигации.

Я хочу создать простую домашнюю страницу с регистрацией кнопок I илогин, проблема в том, что я не могу скрыть первый заголовок на любой из страниц приложения, я не знаю, есть ли проблема в заголовке, или, может быть, в каком-то другом компоненте?пожалуйста, просмотрите приведенный ниже код.

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
  }});

, как вы можете видеть, я попытался разместить заголовок: null внутри класса и внутри stackNavigator, но, похоже, ничего не работает.

Answer 1

Попробуйте установить режим заголовка none следующим образом:

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

Надеюсь, это поможет вам.