Questions tagged [react-native-drawer]
64 questions
1
vote
1 answer
Open drawer when clicked on bottom tab in react native
I am new in react native. I have a tab named 'Contacts' and I want to open drawer when user clicks on it. This below code opens the drawer screens when i clicked on the 'Contacts' tab. But i want to open Navigation Drawer.
Thank you so much in…
Neel Jadav
- 11
- 2
1
vote
0 answers
DrawerNavigation dynamic initial route
I want to dynamically render initial route based on a a key from Async Storage. There are a lot of ways to do that but in my case I cannot find anything working. Here is my navigator file.
import {
createDrawerNavigator,
DrawerNavigatorItems,
}…
Sathwik Gangisetty
- 268
- 5
- 17
1
vote
1 answer
React native: How can I have multiple drawer navigator links point to screens within the same stack navigator
I am new to react native and I haven't seen this question asked by anyone or haven't found a way around this.
Using react navigation 5 with expo.
Currently I have a the following app structure:
Stack navigator inside of drawer navigator.
Example of…
Paul
- 11
- 3
1
vote
1 answer
How to open second drawer in REACT NATIVE
I must do 2 drawer at both sides and a bottom tab navigator. I tried to do it with react-navigation but I couldnt because openDrawer code just opens one of them so I stuck please help me. How can I give drawers ID, key or another method.
React…
Umutcan Ceyhan
- 61
- 1
- 4
1
vote
2 answers
React-native Drawer Navigator opens but clicking on items doesn't change the view
I'm trying to navigate between some logged pages in my app using DrawerNavigator. It opens when I swipe right, but it doesn't change the view when I select an item.
I'm running the app on a Android device.
App.js
import React, { Component } from…
Esdras Chaves
- 15
- 6
1
vote
1 answer
Drawer Navigator Event (open, close) to animate a menu
My Drawer :
const AppDrawerNavigator = createDrawerNavigator({
Home: {
screen: HomeScreen,
},
}, {
contentComponent: Sidebar
}
)
Here my Side Bar component : (troncated to be more clear)
render() {
const routes = [{
…
xif
- 343
- 1
- 9
- 25
1
vote
0 answers
How to implement side menu using react-native-router-flux with redux
I tried almost solution I found here, and I found that this link contains a tutorial about using RNRF drawer feature with redux: https://github.com/aksonov/react-native-router-flux/blob/master/docs/OTHER_INFO.md
but the link is not working anymore,…
Drailan John Terrible
- 315
- 3
- 24
1
vote
1 answer
react-native-router-flux how to open scene with react-native-drawer?
I try to use react-native-drawer (https://github.com/root-two/react-native-drawer) in my app with react-native-router-flux
According to the documentation I've added my scene with drawer to the Router:
import NavigationDrawer from…
valerybodak
- 4,195
- 2
- 42
- 53
1
vote
1 answer
React Native Drawer with React Native Router Flux set up not working
I am trying to set up react-native-drawer with react-native-router-flux.
I have set up the Drawer as in the flux OTHER INFO doc as below
import React from 'react-native';
import Drawer from 'react-native-drawer';
import SideMenu from…
swedge218
- 3,593
- 1
- 14
- 13
1
vote
1 answer
react-native: How to combine react-native-router-flux and react-native-drawer?
I'm trying to integrate react-native-router-flux with react-native-drawer
My main component is actually App.js . I copy/paste only relevant pieces.
import AppRoutes from './Router';
...
constructor(props) {
…
realtebo
- 23,922
- 37
- 112
- 189
0
votes
1 answer
Navigation in my drawer won't work ( ERROR TypeError: Cannot read property 'emit' of undefined, js engine: hermes)
I'm working on navigation drawer that allows me to navigate between pages when clicking on each one. However, whenever I try to click on any of the pages in the drawer, the error, " ERROR TypeError: Cannot read property 'emit' of undefined, js…
Ethan K
- 1
- 1
0
votes
0 answers
React Native Drawer not opening in latest version
Recently I integrate drawer navigator in my React Native application and I used react native drawer version @react-navigation/drawer 6.6.2 and my project version in 0.69.5 below is my code
import 'react-native-gesture-handler';
import * as React…
Harshal Kalavadiya
- 2,412
- 4
- 38
- 71
0
votes
1 answer
React native drawer not opening when using navigation.openDrawer()?
Im trying to open the drawer in my app using the built in function navigation.openDrawer() but its simply not working. The button press is able to log the navigation object and it shows openDrawer as an available function.
When I set the…
Tushar Kulkarni
- 138
- 2
- 15
0
votes
1 answer
Pass parameter values to drawer Navigator component
Cannot pass parameter to functions or const via Drawer Screen component. Is there any better way to achieve this. the idea is to use single function which change the content accordingly.
function Pagef(param1) {
return (
Mithila Karunarathna
- 35
- 2
0
votes
0 answers
react-native navigation. Drawer not opening after package update
I am make using react-native. I recently had to update my react-navigation package to version 6. The issue is my drawer will no longer open and I cannot figure out how to fix it.
This is may code for my navigation:
import React from 'react';
import…
Jennifer De Goede
- 267
- 3
- 14