TopNavigation provides a heading component for the entire page.
In basic example TopNavigation contains a title and actions.
<TopNavigation><Image source={topNavArrow} height={20} style={{position: "absolute", left: 0}}/><View style={{ justifyContent: 'center' }}><Text style={styles.topNavTitle}>Title</Text></View></TopNavigation>
TopNavigation may contain the right action on the left.
<TopNavigation><View style={{ justifyContent: 'center' }}><Text style={styles.topNavTitle}>Title</Text></View><Imagesource={topNavContextMenu}style={{ height: 20, position: "absolute", right: 0 }}/></TopNavigation>
Name | Type | Description |
title |
| String, number or a function component to render within the top navigation. If it is a function, expected to return a Text. |
subtitle |
| String, number or a function component to render within the top navigation. If it is a function, expected to return a Text. |
accessoryLeft |
| Function component to render to the left edge the top navigation. |
accessoryRight |
| Function component to render to the right edge the top navigation. |
...ViewProps |
| Any props applied to View component. |