javascript убрать Скрыть заголовок в навигаторе стека




убрать заголовок главной страницы wordpress (7)

Если кто-то ищет, как переключать заголовок, поэтому в componentDidMount напишите что-нибудь вроде:

  this.props.navigation.setParams({
      hideHeader: true,
  });

когда

static navigationOptions = ({ navigation }) => {
    const {params = {}} = navigation.state;

    if (params.hideHeader) {
      return {
        header: null,
      }
    }

    return {
        headerLeft: <Text>Hi</Text>,
        headerRight: <Text>Hi</Text>,
        headerTitle: <Text>Hi</Text>
    };
};

И где-то, когда заканчивается мероприятие:

this.props.navigation.setParams({
  hideHeader: false,
});

Я пытаюсь переключить экран, используя как стек, так и навигатор вкладок.

const MainNavigation = StackNavigator({
      otp: { screen: OTPlogin },
      otpverify: { screen: OTPverification},
      userVerified: {
        screen: TabNavigator({
          List: { screen: List },
          Settings: { screen: Settings }
        }),
      },
    });

В этом случае сначала используется стекнавигатор, а затем tabnavigator. и я хочу скрыть заголовки навигатора стека. WIt не работает должным образом, когда я использую navoptions как:

navigationOptions: { header: { visible: false } }

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


Просто добавьте это в свой фрагмент кода класса / компонента, и заголовок будет скрыт

 static navigationOptions = { header: null }

Я использую это, чтобы скрыть панель стека (обратите внимание, что это значение второго параметра):

{
    headerMode: 'none',
    navigationOptions: {
        headerVisible: false,
    }
}

Когда вы используете этот метод, он будет скрыт на всех экранах.

В вашем случае это будет выглядеть так:

const MainNavigation = StackNavigator({
  otp: { screen: OTPlogin },
  otpverify: { screen: OTPverification },
  userVerified: {
    screen: TabNavigator({
    List: { screen: List },
    Settings: { screen: Settings }
   }),
 }
},
{
  headerMode: 'none',
  navigationOptions: {
    headerVisible: false,
  }
 }
);

Если вы хотите спрятаться на определенном экране, чем это сделать:

// create a component
export default class Login extends Component<{}> {
  static navigationOptions = { header: null };
}

На вашем целевом экране вы должны это кодировать!

 static navigationOptions = ({ navigation }) => {
    return {
       header: null
    }
 }

Если ваш экран является компонентом класса

static navigationOptions = ({ navigation }) => {
    return {
       header: () => null
    } 
}

введите это на целевом экране в качестве первого метода (функции).


Просто используйте приведенный ниже код на странице, которую вы хотите скрыть заголовок

export default class Login extends Component {
    static navigationOptions = {
        header: null
    }
}

обратитесь к Stack Navigator





expo