React-Native筆記--圖片顯示(Image/Thumbnail)

    React-Native 中圖片的顯示有多種方式，其中兩種比較重要:1 網絡圖片，需要加權限才能顯示，配置形式如下:

var tokenDynamic = 'Bearer ' + ret; //獲取的token
this.setState({
      avatarSource: {
        uri: pathPhoto,      //訪問的鏈接
        width: 100,
        height: 100,
        headers: {
          Authorization: tokenDynamic, //注意這裏的key
        },
      },
    });

2 本地圖片的顯示，需要你加入編碼格式才能顯示出來,如下:

  

var imgData ="xxx";//本地選擇出來後是二進制數據
this.setState({
      avatarSource: {
        uri: 'data:image/png;base64,' + imgData, //前面的編碼格式很重要，否則顯示不出來
        width: 100,
        height: 100,
      },
    });