Question

我的图片来源是安全的，所以理想情况下我想做以下事情：

<Image source={{uri: "http://path/to/image", 
                headers: {Authorization: 'Bearer ' + this.props.bearerToken}}}/>

无论如何我可以近似，不能将图像加载到Javascript中并从那里渲染图像吗？

Answer 1

React naitve支持在请求图片中添加标题或正文。见this。

 <Image source={{
      uri: 'https://facebook.github.io/react/img/logo_og.png',
      method: 'POST',
      headers: {
        Pragma: 'no-cache'
      },
      body: 'Your Body goes here'
    }}
    style={{width: 400, height: 400}} />

Answer 2

此功能最近已合并到React-Native：https://github.com/facebook/react-native/pull/7338/files

Answer 3

之前我遇到此问题，但Image组件现在不支持此功能。

您可以尝试react-native-fetch-blob获取图片网址的BASE64字符串并以此方式设置其来源

    <Image source={{uri : BASE64_IMAGE_STRING}}/>

我可以将标题传递给图像源吗？

3 个答案: