Commit 7dfd543

AsafBrieferyDevcharpeni

authored and

committed

Added getCurrentRoutes functionality without the need of ref. (#157)

* Added getCurrentRoutes functionality without the need of ref. Helpful for popToRoute * fixed eslint errors

1 parent 08a8ded commit 7dfd543Copy full SHA for 7dfd543

File tree

+12

-1

lines changed

+12

-1

lines changed

Lines changed: 2 additions & 0 deletions

Original file line number	Diff line number	Diff line change
`@@ -181,6 +181,8 @@ that you're on with the new route that you pass it, and empties the navigation s`
`181`	`181`
`182`	`182`	The `this.props.popToRoute` function takes in an object that can contain the same keys as `toRoute()`. The difference is that instead of adding a route to your stack, it pop all routes until the desired one.
`183`	`183`
	`184`	+ The `this.props.getCurrentRoutes()` returns the current list of routes (same as [ReactNative Navigator getCurrentRoutes(0)]( https://facebook.github.io/react-native/docs/navigator.html#getcurrentroutes) ). This can be used as an argument for `popToRoute()`.
	`185`	`+`
`184`	`186`	The functions `this.props.setRightProps`, `this.props.setLeftProps` and `this.props.setTitleProps` take in an object of props and sends that to your navbar's `RightComponent`, `LeftComponent` or `TitleComponent`, respectively.
`185`	`187`	`- This allows you to talk directly to your navbar, because previously you could only talk to it when navigating forward or backward.`
`186`	`188`

Lines changed: 10 additions & 1 deletion

Original file line number	Diff line number	Diff line change
`@@ -234,7 +234,9 @@ class Router extends React.Component {`
`234`	`234`	`setTitleProps(props) {`
`235`	`235`	`this.setState({ titleProps: props });`
`236`	`236`	`}`
`237`		`-`
	`237`	`+ getCurrentRoutes() {`
	`238`	`+ return this.refs.navigator.getCurrentRoutes();`
	`239`	`+ }`
`238`	`240`	`customAction(opts) {`
`239`	`241`	`this.props.customAction(opts);`
`240`	`242`	`}`
`@@ -285,6 +287,11 @@ class Router extends React.Component {`
`285`	`287`	`this.setState({ titleProps: props });`
`286`	`288`	`};`
`287`	`289`
	`290`	`+ const getCurrentRoutes = () => {`
	`291`	`+ const routes = this.refs.navigator.getCurrentRoutes();`
	`292`	`+ return routes;`
	`293`	`+ };`
	`294`	`+`
`288`	`295`	`const customAction = (opts) => {`
`289`	`296`	`this.props.customAction(opts);`
`290`	`297`	`};`
`@@ -315,6 +322,7 @@ class Router extends React.Component {`
`315`	`322`	`this.setRightProps = setRightProps;`
`316`	`323`	`this.setLeftProps = setLeftProps;`
`317`	`324`	`this.setTitleProps = setTitleProps;`
	`325`	`+ this.getCurrentRoutes = getCurrentRoutes;`
`318`	`326`	`this.customAction = customAction;`
`319`	`327`
`320`	`328`	`return (`
`@@ -335,6 +343,7 @@ class Router extends React.Component {`
`335`	`343`	`setRightProps={setRightProps}`
`336`	`344`	`setLeftProps={setLeftProps}`
`337`	`345`	`setTitleProps={setTitleProps}`
	`346`	`+ getCurrentRoutes={getCurrentRoutes}`
`338`	`347`	`customAction={customAction}`
`339`	`348`	`{...route.passProps}`
`340`	`349`	`/>`

Comments

(0)