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