react-native-drawer

问题 I have gone through various posts on SO and github about react navigation, but most of them are a combination of react native stack navigator with drawer navigator. I couldn't find anything that could help fix my problem. What i am trying to do is i have a bottom tab bar with five screens which load nicely with correct data, i want to add a drawer navigator to provide more screens and have different data. I have managed to build the drawer navigator on top of the tab navigator but when the

问题 What i want to achieve is there are 2 tabs in my app 1) Home => On press it shows a simple screen 2) Menu => On press it opens and close drawer based on whether drawer is opened or not. Drawer has custom content. It has 4 buttons 1) Accounts 2) Reports 3) Graph 4) List Selecting on any of the drawer item it should open a respective page in the "Menu" tab navigator space. So how to manage this kind of navigation? import React from 'react'; import { View, Text } from 'react-native' import {

问题 App.js <Store> <Navbar /> <AppNavigator ref={navigatorRef => { NavigationService.setTopLevelNavigator(navigatorRef); }} /> </Store> I wanna be able to access props.navigation.openDrawer(); from navbar but I get undefined is not an object (evaluating 'props.navigation.openDrawer') onPress Navbar.js:70:29 etc.. How can I allow NavBar to access the drawer? 回答1: I suppose you are following Navigating without the navigation prop (if you don't then you should in your case). Then in