diff --git a/docs/toolbarandroid.html b/docs/toolbarandroid.html index 996ec54f88c..c3965e0b0b7 100644 --- a/docs/toolbarandroid.html +++ b/docs/toolbarandroid.html @@ -1,7 +1,11 @@ ToolbarAndroid – React Native | A framework for building native apps using React
React Native

Quick Start

Guides

Guides (iOS)

Guides (Android)

components

apis

Polyfills

ToolbarAndroid

React component that wraps the Android-only Toolbar widget. A Toolbar can display a logo, navigation icon (e.g. hamburger menu), a title & subtitle and a list of actions. The title and subtitle are expanded so the logo and navigation icons are displayed on the left, title and -subtitle in the middle and the actions on the right.

If the toolbar has an only child, it will be displayed between the title and actions.

Example:

render: function() { +subtitle in the middle and the actions on the right.

If the toolbar has an only child, it will be displayed between the title and actions.

Although the Toolbar supports remote images for the logo, navigation and action icons, this +should only be used in DEV mode where require('./some_icon.png') translates into a packager +URL. In release mode you should always use a drawable resource for these icons. Using +require('./some_icon.png') will do this automatically for you, so as long as you don't +explicitly use e.g. {uri: 'http://...'}, you will be good.

Example:

render: function() { return ( <ToolbarAndroid logo={require('image!app_logo')} @@ -98,6 +102,14 @@ callback is the position of the action in the actions array.

(theme-provided) ones. </Text> </UIExplorerBlock> + <UIExplorerBlock title="Toolbar with remote logo & navIcon"> + <ToolbarAndroid + actions={[{title: 'Bunny', icon: require('./bunny.png'), show: 'always'}]} + logo={require('./hawk.png')} + navIcon={require('./bunny.png')} + title="Bunny and Hawk" + style={styles.toolbar} /> + </UIExplorerBlock> </UIExplorerPage> ); },