React-Native:Use Static Image Resources

React-Native 教程 2 :在React-Native项目中使用静态图片资源

看过官方教程同学都知道如果我们想显示一个图片的话肯定会使用Image这个组件

使用方式如下

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

这里显示本地图片的话会使用source={require('image!图片名称')}

显示网络图片的时候会使用source={{uri: '图片地址'}}

一般显示网络图片的话,只要图片的地址没有问题,图片就能显示。

但是显示本地图片的时候,

Comments !

blogroll

social