图像

React的一个展示不同种类的图片的组件

用法如下:

   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>

    );

  },

属性

View props...    查看上面View属性
crop  [number]

Specifies the extents of the UV to display(指定UV的程度)

onLoad  PropTypes.func

加载完成后的回调

onLoadEnd  PropTypes.func

加载成功或者失败的回调

onLoadStart  PropTypes.func

加载开始的回调

source  PropTypes.oneOfType([

    PropTypes.shape{'({'}

      uri: PropTypes.string,

    }),

    // Opaque type returned by require('./image.jpg')

    PropTypes.number,

  ])

uri 就是图片的地址,可以是http地址、本地文件地址、静态图片资源(需要用require函数包裹起来require('./path/to/image.png'))

style  style
      Layout Props...  查看左侧导航的"布局属性"
      Shadow Props...
      Transforms...  查看左侧导航的"三维坐标、变换"
      backgroundColor   color
      borderBottomLeftRadius   number
      borderBottomRightRadius   number
      borderColor   color
      borderRadius   number
      borderTopLeftRadius   number
      borderTopRightRadius   number
      borderWidth   number
      opacity   number
      overflow   enum('visible', 'hidden')
      resizeMode   Object.keys(ImageResizeMode)
      tintColor   color

      把所有的不透明像素的颜色改变成tintColor

testID?:   

PropTypes.string

端对端测试定位view的