이미지 소스에 헤더를 전달할 수 있는가?

이미지 소스에 헤더를 전달할 수 있는가?

내 이미지 소스가 보안되어 있으므로 이상적으로는 다음을 수행하고자 한다.

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

Javascript에 이미지를 로드하고 거기서 이미지를 렌더링하는 것 외에 내가 대략적으로 할 수 있는 방법이 없을까?

React naitve는 요청 이미지에 헤더 또는 본문을 추가하는 것을 지원한다.이거 봐.

 <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}} />

이 기능은 최근 React-Native: https://github.com/facebook/react-native/pull/7338/files으로 통합되었다.

전에도 이런 문제가 있었지만, Image 컴포넌트는 지금 이 기능을 지원하지 않는다.

reactive-native-fetch-blob을 시도하여 이미지 URL의 BASE64 문자열을 가져오고 소스를 다음과 같이 설정하십시오.

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

참조URL: https://stackoverflow.com/questions/37151336/can-i-pass-headers-to-an-image-source