带有标题/操作栏的 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/>;
  }
}

更多信息在这里。