kyaroru / reactnavdrawer Goto Github PK
View Code? Open in Web Editor NEWA simple example of using DrawerNavigator in React Navigation
A simple example of using DrawerNavigator in React Navigation
Hello,
first of all thank you for this example
I am having trouble hooking up the nav reducer to my redux store. The state is there, but no action is fired on navigating.
How would you do it?
Thank you.
I just did npm install and run
undefined is not an object (evaluating 'route.routeName')
I am using this function to send different parameters every time but I found the route page is always first page on the drawer pages
export const getDrawerConfig = (drawerWidth, drawerPosition, initialRouteName) => ({ drawerWidth, drawerPosition, initialRouteName, drawerOpenRoute: 'DrawerOpen', drawerCloseRoute: 'DrawerClose', drawerToggleRoute: 'DrawerToggle', });
I want make the route dynamic depend on function the parameter, how i can fix it ?
🚨 You need to enable Continuous Integration on all branches of this repository. 🚨
To enable Greenkeeper, you need to make sure that a commit status is reported on all branches. This is required by Greenkeeper because we are using your CI build statuses to figure out when to notify you about breaking changes.
Since we did not receive a CI status on the greenkeeper/initial
branch, we assume that you still need to configure it.
If you have already set up a CI for this repository, you might need to check your configuration. Make sure it will run on all new branches. If you don’t want it to run on every branch, you can whitelist branches starting with greenkeeper/
.
We recommend using Travis CI, but Greenkeeper will work with every other CI service as well.
Once you have installed CI on this repository, you’ll need to re-trigger Greenkeeper’s initial Pull Request. To do this, please delete the greenkeeper/initial
branch in this repository, and then remove and re-add this repository to the Greenkeeper integration’s white list on Github. You'll find this list on your repo or organization’s settings page, under Installed GitHub Apps.
How I can change drawer item tint color from getDrawerNavigationOptions ? I changed it but not working with me
Hello again,
I have a nested StackNavigator
inside my DrawerNavigator
like so:
const SomeStack = StackNavigator({
Counter: {screen: CounterScreen},
Color: {screen: ColorScreen}
});
const Drawer = DrawerNavigator({
HomeScreen: { screen: HomeScreen, navigationOptions: homeNavOptions },
UserScreen: { screen: CounterScreen, navigationOptions: userNavOptions },
CounterScreen: { screen: SomeStack, navigationOptions: counterNavOptions },
}, {...getDrawerConfig(300, 'left', 'HomeScreen'), contentComponent: CustomDrawerContentComponent});
However, as you can see in the following screenshot, the nested header appears below the Drawer's header, even when I navigate inside it
Forcing me to later hide it, making using the back button to navigate back impossible.
Is there some way to have the nested navigator come up, on top the drawernavigator; even though I could still swipe to display it?
This seems to be the default behaviour according to this
I have scoured the docs and SO questions to no avail, and so now I turn to you.
Thank you very much in advance
Hi, I want to customize to add Button or toggle into the Navigate menu.
Could you guide and help?
Hi, I find great (even better than the official) your approach to creating a stack containing the Drawer.
I have a problem however with the back hardware button, I can not figure out how to handle it, currently from any page comes out of the app.
here I reproduced my situation, similar to yours: https://snack.expo.io/BkB4ojRxm
Thank's a lot!
A declarative, efficient, and flexible JavaScript library for building user interfaces.
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google ❤️ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.