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,
      },
    });

 

来源：CSDN

作者：ljt2724960661

链接：https://blog.csdn.net/ljt2724960661/article/details/103749321