Edit this page on Github

Image

A component for displaying local or remote images.

@Component({
  selector: 'sample',
  template: `<Image [source]="angularLogo"></Image>`
})
export class Sample {
  angularLogo: any = require('./assets/angular.png');
}

Available styles

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

Inputs

Inherits all inputs from high level component

resizeMode: enum('cover', 'contain', 'stretch', 'repeat', 'center')

To be documented

source: string

To be documented

androidfadeDuration: number

To be documented

androidloadingIndicatorSrc: any

To be documented

androidprogressiveRenderingEnabled: boolean

To be documented

androidshouldNotifyLoadEvents: boolean

To be documented

iosblurRadius: number

To be documented

ioscapInsets: string

To be documented

iosdefaultSource: string

To be documented

Outputs

load: EventEmitter<any>

To be documented

loadStart: EventEmitter<any>

To be documented

loadEnd: EventEmitter<any>

To be documented


Getting started

Features

bootstrapAPIsGesturesHttpRouterStyle

Components

ActivityIndicatorHighLevelComponentImagePickerRefreshControlScrollViewSliderSwitchTextTextInputViewWebView
Android
DrawerLayoutPagerLayoutProgressBarToolbar
iOS
DatePickerNavigatorProgressViewSegmentedControlTabBarTabBarItem

Directives

Opacity feedbackRipple feedback