Ящик React Native React-Navigation не открывается

Попробуйте обернуть всю навигацию по стеку с навигацией Drawer.

const StackNav = createStackNavigator({
  Home: Home,
  Notification: Notification,
  HomeSearch: HomeSearch
}

Теперь оберните все вышеперечисленное с помощью Drawer navigation.

const AppStack = createDrawerNavigator({
  StackNav: {
    screen: StackNav,
    navigationOptions: {
      drawerLabel: <Hidden />,
    },
  },
  Home: Home,
  MyAccount: MyAccount,
  ContactUs: ContactUs,
  InviteFriend: InviteFriend,
  Terms: Terms,
  SignOut: SignOut
});

Теперь StackNav будет отображаться в ящике как один из экранов. Поэтому создайте класс и верните null, а затем передайте его метке Drawer.

class Hidden extends Component {
  render() {
    return null;
  }
}

Теперь вы сможете вызывать метод this.props.navigation.openDrawer(); в любом месте приложения. Дайте мне знать, если это работает.

Я думаю, вы можете использовать другой простой способ справиться с этой проблемой:

Вы можете использовать react-native-drawer, который доступен в эта ссылка, теперь я покажу вам, как вы можете с ним работать:

Стек приложений:

const AppStack = createStackNavigator(
 {
   Home: Home,
   Notification: Notification,
   HomeSearch: HomeSearch
 }

Главная Навигация

const MyHomeNavigator = createStackNavigator(
 {
   Home: Home,
   MyAccount: MyAccount,
   ContactUs: ContactUs,
   InviteFriend: InviteFriend,
   Terms: Terms,
   SignOut: SignOut
 },

Теперь давайте предположим, что это ваша домашняя страница:

Домашняя страница

import Drawer from 'react-native-drawer'
import DrawerComponent from '../components/drawer'

export default class HomePage extends Component{
  render() {
    return (
      <Drawer  ref = {(ref) => this._drawer = ref} content = {<DrawerComponent  {...this.props}/>} side='right' captureGestures openDrawerOffset = {0.3} acceptTap>
        //your home page components
      </Drawer>
    )
  }
}

как видите, вы можете получить доступ к ящику с помощью this._drawer, и здесь я покажу вам, как <DrawerComponent> нравится:

Компонент ящика:

export default class DrawerComponent extends React.Component {
  navigateTo = (path) => {
      this.props.navigation.navigate(path)
  }
  render(){
    return(
      <View>            
        <View>
          <Item path='MyAccount' navigate = {this.navigateTo}/>
          <Item path='ContactUs' navigate = {this.navigateTo}/>
          <Item path='InviteFriend' navigate = {this.navigateTo}/>
          //And you add all the item you need here with navigateTo function
        </View>
        <View>
          //LogOut Section
        </View>
      </View>
    )
  }
}

Это работает для меня хорошо, я надеюсь, что это работает и для вас.

С наилучшими пожеланиями .