# Image #

A react component for displaying different types of images.

Example usage:

renderImages: function() { return ( <View> <Image style={styles.icon} source={require('./myIcon.png')} /> <Image style={styles.logo} source={{uri: 'http://facebook.github.io/react/img/logo_og.png'}} /> </View> ); },

### Props #

#### View props... #

#### crop [number] #

Specifies the extents of the UV to display

#### inset [number] #

inset in texture space in 9 tile set up

#### insetSize [number] #

Inset size in world units in 9 tile set up

#### onLoad PropTypes.func #

Invoked when load completes successfully

#### onLoadEnd PropTypes.func #

Invoked when load either succeeds or fails

#### onLoadStart PropTypes.func #

Invoked on load start

#### source PropTypes.oneOfType([ PropTypes.shape({ uri: PropTypes.string, }), // Opaque type returned by require('./image.jpg') PropTypes.number, ]) #

`uri` is a string representing the resource identifier for the image, which could be an http address, a local file path, or a static image resource (which should be wrapped in the `require('./path/to/image.png')` function).

#### style style #

###### Layout Props...

###### Shadow Props...

###### Transforms...

###### backgroundColor color

###### borderColor color

###### borderRadius number

###### borderWidth number

###### opacity number

###### overflow enum('visible', 'hidden')

###### resizeMode Object.keys(ImageResizeMode)

###### tintColor color

Changes the color of all the non-transparent pixels to the tintColor.

You can edit the content above on GitHub and send us a pull request!

← Prev Next →