React-Native入门——图片加载

一、RN本地项目图片访问
        1.1、通过source——require访问
         <View>
                <Image
                    source={require('./images/img_login_logo.png')}
                />
             </View>
           1.1.1、 Image的缩放模式resizeMode    
                     cover: 保持图片宽高比缩放直到图片宽和高都等于或者大于容器宽高，默认属性   
                     contain: 保持图片宽高比缩放直到图片宽高小于或等于容器宽高   
                     stretch: 拉伸，不保持图片宽高比拉伸，直到图片铺满容器宽高
                     repeat: 维持图片宽高比平铺图片(只在ios平台可用)
                     center: 图片居中但是不拉伸 
         1.2、加载网络图片
                     使用例子:
                        <Image
                   style={{width:50,height:50,borderWidth:1}}
                   source={{uri:'https://avatar.youkuaiyun.com/7/4/C/1_u013519084.jpg?1541993124'}}
                />
                显示网络图片需要指定宽和高，否者不能显示出来
          1.3、 显示andorid/ios原生图片，分别在andorid项目建立drawable文件夹放入图片，在Ios项目图片文件夹下放入同名图片 
                 source={{uri:'ic_bike'}}      
                 原生项目的图片和网路图片加载需要指定大小才可显示，style里使用tintColor可以图片资源着上新的颜色
          1.4、 使用本地文件系统资源
                 指定uri路径，andorid路径使用f"ile:///"+路径，注意android 7.0手机文件权限问题