react-native - react native createDrawerNavigator 与标题/操作栏

Question

我已经实现了抽屉式导航，但无法显示标题/操作栏

const RootStack = createDrawerNavigator(
  {
    Home: HomeScreen,
    Details: DetailsScreen,
  },
  {
    intialRouteName: 'Home',
    navigationOptions: {
      headerStyle : {
        backgroundColor: '#f4511e',
      },
      headerTintColor: '#fff',
      headerTitleStyle : {
        color: 'white',
      },
    },
  }
);


export default class App extends React.Component {
  render() {
    return <RootStack/>;
  }
}

有没有办法既使用抽屉导航又使用标题栏？

Answer 1

您的 RootStack(Drawer) 必须在 StackNavigator 中，

const RootStack = createDrawerNavigator(
{
  Home: HomeScreen,
  Details: DetailsScreen,
},
{
intialRouteName: 'Home',
navigationOptions: {
  headerStyle : {
    backgroundColor: '#f4511e',
  },
  headerTintColor: '#fff',
  headerTitleStyle : {
    color: 'white',
    },
   },
 }
);

const AppStack = StackNavigator({ RootStack : { screen: RootStack } });

export default class App extends React.Component {
  render() {
    return <AppStack/>;
  }
}

更多信息 here .