React native 我不知道';我的屏幕上没有标题,但我只想在一个屏幕上有标题

React native 我不知道';我的屏幕上没有标题,但我只想在一个屏幕上有标题,react-native,react-navigation,React Native,React Navigation,我用它来导航。我的屏幕上没有标题,但我只想在一个屏幕上有标题(特别是后退按钮)。 这是我的根导航器: ... class RootNavigation extends Component { props: Props; render() { const { isProfileSelect } = this.props; const initialRouteName = currentRoute(isProfileSelect); const RootStack

我用它来导航。我的屏幕上没有标题,但我只想在一个屏幕上有标题(特别是后退按钮)。 这是我的根导航器:

...
class RootNavigation extends Component {
  props: Props;

  render() {
    const { isProfileSelect } = this.props;
    const initialRouteName = currentRoute(isProfileSelect);

    const RootStackNav = StackNavigator(
      {
        AppHome: { screen: TabBarNavigator },
        SwitchProfile: { screen: SwitchProfileScreen },
        Pin: { screen: PinScreen },
      },
      {
        initialRouteName,
        headerMode: 'none',
      },
    );

    return <RootStackNav />;
  }
}
...
但变化没有任何影响

你能帮我只在
Pin
屏幕上添加标题吗? 多谢各位

更新: 解决方案


我的案子和你的正好相反。。。 我想在一个屏幕上禁用标题,所以我在该特定屏幕中添加了以下代码

export default class NoHeaderView extends Component {
static navigationOptions = { header: null }
...
//your constructor, render and other stuff
...
}//
让我知道它是否有效

const RootStackNav = StackNavigator(
  {
    AppHome: {
      screen: TabBarNavigator,
      navigationOptions: {
        title: 'Header title',
        headerMode: 'screen',
        header: null,
      },
     },
    SwitchProfile: {
      screen: SwitchProfileScreen,
      navigationOptions: {
        title: 'Header title',
        headerMode: 'screen',
        header: null,
      },
    },
    Pin: {
      screen: PinScreen,
      navigationOptions: {
        title: 'Header title',
        headerMode: 'screen',
        // header: null,
      },
    },
  },
  {
    initialRouteName,
    // headerMode: 'none',
  },
);
export default class NoHeaderView extends Component {
static navigationOptions = { header: null }
...
//your constructor, render and other stuff
...
}//