Edit this page on Github

androidToolbar

A component for displaying a toolbar.

@Component({
  selector: 'sample',
  template: `<Toolbar [styleSheet]="styles.toolbar" [navIcon]="hamburgerIcon" [overflowIcon]="moreIcon"
    title="Kitchen Sink" titleColor="#FFFFFF" (select)="handleToolbar($event)"></Toolbar>`
})
export class Sample {
  hamburgerIcon: any = require('../../assets/icon_hamburger.png');
  moreIcon: any = require('../../assets/icon_more.png');
 }

Available styles

https://facebook.github.io/react-native/docs/view.html#style

Inputs

Inherits all inputs from high level component

actions: Array<any>

To be documented

contentInsetStart: number

To be documented

contentInsetEnd: number

To be documented

logo: any

To be documented

navIcon: any

To be documented

overflowIcon: any

To be documented

rtl: boolean

To be documented

subtitle: string

To be documented

subtitleColor: color

To be documented

title: string

To be documented

titleColor: color

To be documented

Outputs

select: EventEmitter<any>

To be documented


Getting started

Features

bootstrapAPIsGesturesHttpRouterStyle

Components

ActivityIndicatorHighLevelComponentImagePickerRefreshControlScrollViewSliderSwitchTextTextInputViewWebView
Android
DrawerLayoutPagerLayoutProgressBarToolbar
iOS
DatePickerNavigatorProgressViewSegmentedControlTabBarTabBarItem

Directives

Opacity feedbackRipple feedback