Questions tagged [react-native-drawer]

64 questions
0
votes
0 answers

How can I get the default HeaderTitle which was set in Main tab Navigator?

I want to get the default HeaderTitle and update it as per my component. Header Title is added in MainTabNavigator as const navOptions = ({ navigation }) => { return { headerTitle: (
0
votes
0 answers

Show drawer items using createDrawerNavigator?

I'm creating a Drawer using createDrawerNavigator and creating a customDrawerComponent when I'm passing it's giving me Error: Invariant Violation: Invariant Violation: Invariant Violation: Element type is invalid: expected…
0
votes
3 answers

How to disable swipe to open but not for closing in react-native?

I want to disable swipe to open the drawer navigation but not for closing? I found solutions for android but not for react-native. Currently I'm using this: drawerLockMode: 'locked-open' which works,but I can't close it with swipe. I'm opening the…
Bojke
  • 646
  • 1
  • 6
  • 21
0
votes
1 answer

I want to change state for username in drawer. After it is updated from update profile screen

I have created drawer with contentComponent and in contentComponent there is a .js file for drawer design. Drawer contains username of and menu tabs. Now i have a screen called update profile in it when the user name is updated at that time only…
0
votes
2 answers

React Native Drawer change color of status bar

I'm using the React Native Drawer package. When using it, the the background color of the iOS status bar is changed to white. Here is an example of my code: The demo is available here:…
dhrm
  • 14,335
  • 34
  • 117
  • 183
0
votes
0 answers

How to display both Bottom Navigator and Drawer Navigator in React Native

I am new to React Native. I want to build Bottom Navigator and Drawer Navigation. I used the below code, I am unable to navigate to the page from Drawer Menu. I am able to navigate to the page from Tab Navigator. In the code both Drawer Navigator…
0
votes
1 answer

React native Drawer Navigator in dynamic image and name

I am new in react native and I want to show data from server I used with below code and don't know how to use here fetch method for call api. This is drawer navigator: const AppDrawerNavigator = DrawerNavigator({ Logout: { screen: Login, …
Rahul Mishra
  • 4,263
  • 7
  • 32
  • 53
0
votes
0 answers

React-native drawer/side menu issue

I have this code structure in my project - const HomeScreenRouter = DrawerNavigator( { AppTabNavigator: { screen: AppTabNavigator }, LogOutScreen: { screen: LogOutScreen } }, { contentComponent: props…
0
votes
1 answer

How to add icons in drawer menu for individual menu item?

I am using drawer menu and I need to add icons to each of the menu items. How to add icons so that they get displayed before the name of eah activity? My code - class SideMenu extends Component { renderMenu() { let menuArray = [ …
Abhishek D
  • 465
  • 2
  • 9
  • 24
0
votes
1 answer

Why has a empty background in my drawer?

I use react-native-drawer, i set a image and a list for its content, i find that has a empty background between with image and list. Even i remove the image that empty background is still there. I really can't figure it out. Any one can give me…
Morton
  • 5,380
  • 18
  • 63
  • 118
0
votes
1 answer

How to make navigation inside react-native-drawer using react-native-router-flux

I have created drawer using react-native-drawer. drawer View contains ListView. Whenever click the renderRow method need to show navigation inside the drawer itself instead of top of the Welcome screen stack. Right now: Check the Screenshot…
0
votes
1 answer

How to implement React native DrawerLayout with ToolbarAndroid?

I am trying to implement navigation drawer on click of menu icon in toolbar, i am trying this from many days but i could not find any good resource online,I have followed some stack overflow answer and implemented this till now: MyToolbar.js …
Siddarth G
  • 779
  • 11
  • 34
0
votes
1 answer

2 DrawerNavigators on page

I created two basic DrawerNavigators. One is for the left side, and the other is for the right side of the top bar: const LeftDrawer = DrawerNavigator({ MenuScreen: { screen: MenuScreen } }, getDrawerConfig(300, 'left', 'MainScreen')); export…
SkyeBoniwell
  • 6,345
  • 12
  • 81
  • 185
0
votes
1 answer

Animated submenu on react-native

I'm creating a react-native app using native-base library, and i'm using native-base list component for the side menu but i have a problem, i can't figure out how to make a submenu in my side menu, i need to be able to open a submenu with animation…
Atef
  • 1,294
  • 1
  • 14
  • 27
0
votes
1 answer

undefined is not an object (evaluating _this2_.drawer.open) when using ref prop

I have been trying to get react-native-drawer working by using the ref prop as suggested by these docs but I am getting the following error: undefined is not an object (evaluating _this2_.drawer.open) I have combed through similar problems on stack…
Sean Clancy
  • 661
  • 6
  • 14