React Native两种加载图片的方式

1 加载网络图片

通过uri就可以加载网络图片

<Image source={{uri:'http://facebook.github.io/react/img/logo_og.png'}} style={{width: 40, height: 40, marginLeft: 8, marginRight: 8}} />

2 加载本地图片

加载本地图片需要分两步:

  • 在原生平台的开发工具中导入图片资源:如加载myicon

    iOS平台导入静态图片:
    Android平台需要在src\main\res\drawable中加入图片资源

  • 通过require(image!myicon)的方式加载图片

      <Image source={require('image!myicon')} style={{width: 40, height: 40, marginLeft: 8, marginRight: 8}} />
    
posted @ 2016-09-07 15:02  AliliWl  阅读(8767)  评论(0编辑  收藏  举报