React Native - Доступ к навигации по ящикам вне AppNavigator

Question

  App.js 
    <Store>
      <Navbar />
      <AppNavigator ref={navigatorRef => {
          NavigationService.setTopLevelNavigator(navigatorRef);
        }} />
    </Store> 

Я хочу получить доступ к

 props.navigation.openDrawer();

из navbar, но я получаю

undefined is not an object (evaluating 'props.navigation.openDrawer')

onPress
    Navbar.js:70:29
    etc..

Как мне разрешить NavBar получить доступ к ящику?

Answer 1

Я полагаю, что вы следуете Навигация без навигационной опоры (если вы этого не сделаете, то вы должны в вашем случае). Затем в NavigationService.js добавьте метод openDrawer

// NavigationService.js

import { DrawerActions } from 'react-navigation-drawer';

...

// add this function
function openDrawer(routeName, params) {
  _navigator.dispatch(DrawerActions.openDrawer());
}


export default {
  ...
  // and export it
  openDrawer
};

, затем вместо props.navigation.openDrawer() используйте

NavigationService.openDrawer()

, не забудьте выполнить соответствующий импорт