Javascript 如何在同一导航器中有条件地更改不同react本机屏幕的屏幕选项?

Javascript 如何在同一导航器中有条件地更改不同react本机屏幕的屏幕选项?,javascript,reactjs,react-native,expo,react-navigation,Javascript,Reactjs,React Native,Expo,React Navigation,我有一个带两个屏幕的导航器。在其中一个屏幕中,我想显示headerlight组件,而在另一个屏幕中,我不想显示headerlight组件 我的导航如下所示: //理性地改变这一点 }}> 我是否根据可见的屏幕有条件地渲染headerRight 我有多个导航器吗 我是否在呈现的组件(即定义)中配置它 试试这种方法 componentDidMount() { this.props.navigation.setOptions({ headerRight: <Switch

我有一个带两个屏幕的导航器。在其中一个屏幕中,我想显示
headerlight
组件,而在另一个屏幕中,我不想显示
headerlight
组件

我的导航如下所示:


//理性地改变这一点
}}>
  • 我是否根据可见的屏幕有条件地渲染
    headerRight
  • 我有多个导航器吗
  • 我是否在呈现的组件(即
    定义
    )中配置它
试试这种方法

componentDidMount() {
    this.props.navigation.setOptions({
      headerRight: <Switch />
    });
}
componentDidMount(){
this.props.navigation.setOptions({
头灯:
});
}

如果要为特定屏幕而不是所有屏幕指定一个选项,请在所需屏幕的
选项中指定它,而不是在
屏幕选项中指定它:


}}
/>
如果不希望选项应用于导航器中的所有屏幕,请不要在适用于所有屏幕的
screenpoptions
中指定该选项。它的多个导航器似乎有点过头了


更多详细信息

您还可以检查开关内部的状况。如果不想显示任何内容,只需返回null