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.csdn.net/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手機文件權限問題