Невозможно использовать одновременно «createStackNavigator и createDrawerNavigator»

Question

надеюсь, у тебя все отлично.Я только начал изучать реакцию на родной язык, и все кажется хорошим.Я довольно новичок в JSX, так что я надеюсь, что кто-то может направить меня по правильному пути в этом вопросе, в котором я не смог найти правильный ответ в Google.

Я пытался одновременно использовать «createStackNavigator и createDrawerNavigator» из «act-native »и« реагировать-навигация », но я не могу заставить его работать одновременно.Кнопки и меню в заголовке исчезают.

Вот мой код:

import React from 'react';
import { Button, Image, StyleSheet, Text, View } from 'react-native';
import { createStackNavigator, createAppContainer, createDrawerNavigator } from 'react-navigation'; // 1.0.0-beta.27

class LogoTitle extends React.Component {
  render() {
    return (
      <Image
        source={require('./assets/spiro.png')}
        style={{ width: 30, height: 30 }}
      />
    );
  }
}

class MyDrawerMenu extends React.Component {
  static navigationOptions = {
    headerTitle: <LogoTitle />,
    drawerLabel: 'Home',
    headerLeft:
    <View>
    <Button
      onPress={() => this.props.navigation.navigate('DrawerToggle')}
      title="Menu"
       />
    </View>,
    headerRight: (
    <View>
      <Button
        onPress={() => alert('This is a button!')}
        title="Info"
        color="#fff"
      />
    </View>
    ),
  };

  render() {
    return (
      <Button
             onPress={() => this.props.navigation.navigate('DrawerToggle')}
             title="Open Drawer"
           />
    );
  }
}

class MyHomeScreen extends React.Component {

  render() {
    return (
      <Button
             onPress={() => this.props.navigation.navigate('DrawerToggle')}
             title="Open Drawer"
           />
    );
  }
}

const styles = StyleSheet.create({
  icon: {
    width: 24,
    height: 24,
  },
});

const MyDrawerNavigator = createDrawerNavigator({
  MyDrawerMenu: {
    screen: MyDrawerMenu,
  },
});

const RootStack = createStackNavigator(
  {
    MyHomeScreen: {
      screen: MyHomeScreen,
    },
    MyDrawerNavigator: {
      screen: MyDrawerNavigator,
    },
  },
  {
    initialRouteName: 'MyHomeScreen',
    defaultNavigationOptions: {
      headerStyle: {
        backgroundColor: '#000',
      },
      headerTintColor: '#333',
      headerTitleStyle: {
        fontWeight: 'bold',
      },
    },
  }
);

const MyApp = createAppContainer(RootStack);

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

Если вы, ребята, видите проблему, пожалуйста, помогите мне.Большое спасибо,

С уважением,