在React Native中,我可以使用带有<Image source={{uri: 'http://my.server.com/user/id/image/id.png'}} />个字符的图像

问题是,用户图像受到JWT令牌的保护,我将其传递到头部.

是否有可能以某种方式包含额外的标题?

我的其他 Select 是什么?

谢谢

推荐答案

您的选项如下:https://rnplay.org/apps/UowZmw(为了查看模拟器,在dev控制台中键入document.querySelector('.editor-container').style.width = '50%',RNPlay的内容有点冗长).

基本上你要做的是:

在你的componentWillMount()分钟内做到这一点:

fetch(YOUR_IMAGE_URI, {
    method: 'GET',
    headers: {
      'Authorization': 'Bearer ' + 'TOKEN'
    }
  }
).then((res) => res.text())
.then((content) => {
  this.setState({
    base64: content
  })
})

你可能注意到我用res.text()而不是res.blob().这是因为,在写这篇文章时,RN不支持.blob().

这是render():

return (
  <Image style={styles.base64} source={{uri: this.state.base64}} />
)

React-native相关问答推荐

复制__自持props

'无法解析模块.安装react-native-pager-view后的实用程序/平台

在 react native 平面列表中动态定位弹出窗口

有人可以帮我实现 Font.loadAsync

如何在react-native 中存储/保存数据

react-native-snap-carousel 无法正确渲染

如何在 React Native 中创建和保存 CSV 文件?

React Native - ScrollView 中的 ListView 分页?

异步(async)/等待(await)和递归

如何在 React Native 中按下按钮时更改文本值?

渲染时获取未定义不是 React Native 中的对象

带有 xcode 模拟器的 react-native 有非常慢的alert

等待模块失效的超时

Native Script 与 react native 和 ionic 框架的区别

DeviceInfo 原生模块未正确安装

react-navigation模式高度

React Navigation 中的选项卡导航器图标

更改导航标题背景 colored颜色

如何在react-native中验证 TextInput 值?

将 colored颜色 变量导入我的样式