React Native两种加载图片的方式

1 加载网络图片

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

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

2 加载本地图片

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

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

    iOS平台导入静态图片:
    Android平台需要在srcmain esdrawable中加入图片资源

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

      <Image source={require('image!myicon')} style={{ 40, height: 40, marginLeft: 8, marginRight: 8}} />
原文地址:https://www.cnblogs.com/AliliWl/p/5849524.html