You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Copy file name to clipboardExpand all lines: README.md
+15-1Lines changed: 15 additions & 1 deletion
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -89,6 +89,7 @@ The **`<Router \>`** object used to initialize the navigation can take the follo
89
89
-`backButtonComponent`: By default, the navigation bar will display a simple "Back" text for the back button. To change this, you can specify your own backButton component (like in the Twitter app).
90
90
-`rightCorner`: If you have the same occuring action buttons on the right side of your navigation bar (like the Twitter "Compose"-button), you can specify a component for that view.
91
91
-`customAction`: A special callback prop for your action buttons (this can be handy for triggering a side menu for example). The action gets triggered from your custom `leftCorner` or `rightCorner` components by calling `this.props.customAction("someActionName")` from them. It is then picked up like this: `<Router customAction={this.doSomething} />`.
92
+
-`hideNavigationBar`: Hide the navigation bar, always
92
93
93
94
The **`this.props.toRoute()`** callback prop takes one parameter (a JavaScript object) which can have the following keys:
94
95
-`name`: The name of your route, which will be shown as the title of the navigation bar unless it is changed.
@@ -98,7 +99,8 @@ The **`this.props.toRoute()`** callback prop takes one parameter (a JavaScript o
98
99
-`titleComponent`: Specify a component to replace the title. This could for example be your logo (as in the first page of the Instagram app)
99
100
-`headerStyle`: Change the style of your header for the new route. You could for example specify a new backgroundColor and the router will automatically make a nice transition from one color to the other!
100
101
-`passProps`: Takes in an object. Passes each `key: value` pair to your component as a prop. i.e. <Componentkey={value} />
101
-
-`trans`: If you set trans to `true` it will make the navbar transparent and move your component content so that it sits behind the nav.
102
+
-`trans`: If set to a truthy value it will make the navbar transparent and move your component content so that it sits behind the nav.
103
+
-`hideNavigationBar`: If set to a truthy value will hide the navigationbar out of view, and move the component so that it is at the top of the screen.
102
104
-`leftCornerProps`: If you set a `leftCorner` component you can use this property to pass props to that component.
103
105
-`rightCornerProps`: If you set a `rightCorner` component you can use this property to pass props to that component.
104
106
-`sceneConfig`: Control the animation of the route being switched. Possible values are:
@@ -124,6 +126,18 @@ The **`this.props.setRightProps`** and **`this.props.setLeftProps`** take in an
124
126
- This allows you to talk directly to your navbar, because previously you could only talk to it when navigating forward or backward.
0 commit comments