Реагировать на собственный 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 (ящик) должен быть внутри 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/>;
  }
}

Подробнее здесь .