来自 URL 的 React Native 图像需要 headers

Question

我需要显示一个 Image 组件，其中源是一个 URL，需要传递 http headers 来获取它（用于身份验证目的）。

这在 RN 中如何实现？

有没有办法将 headers 添加到源中？

Answer 1

这已添加到 react-native。看这里：

https://reactnative.dev/docs/images.html#network-requests-for-images

link中的示例：

<Image
  source={{
    uri: 'https://reactjs.org/logo-og.png',
    method: 'POST',
    headers: {
      Pragma: 'no-cache',
    },
    body: 'Your Body goes here',
  }}
  style={{width: 400, height: 400}}
/>

来自 URL 的 React Native 图像需要 headers

React Native image from URL that requires headers

react-native

http-headers

request-headers