Toolbar

Toolbar is a generalization of action bars for use within application layouts.

Usage

export default class MyComponent extends Component {
  render() {
    return (
      <Toolbar>
        <ToolbarBackAction
          onPress={this._goBack}
        />
        <ToolbarContent
          title="Title"
          subtitle="Subtitle"
        />
        <ToolbarAction icon="search" onPress={this._onSearch} />
        <ToolbarAction icon="more-vert" onPress={this._onMore} />
      </Toolbar>
    );
  }
}

Props

dark
Type: boolean

Theme color for the toolbar, a dark toolbar will render light text and vice-versa Child elements can override this prop independently.

statusBarHeight
Type: number
Default value: Platform.OS === 'ios' ? 20 : 0

Space added it Toolbar to adapt to the StatusBar.

children (required)

Content of the Toolbar.

theme
Type: Theme
style
Type: any