react-natiive 头像元素为 uri 属性添加授权 header

Question

我正在使用 react-native 版本：“0.63.4”。在头像 react-native url 中，我设置了 url 值，但是，我需要使用 url 附加授权 header。有人可以建议我该怎么做吗？

import {ListItem,Avatar} from 'react-native-elements'
    const CustomListItem = ({id, profilePicture}) => {
        return (
            <ListItem key={id} bottomDivider>
    <ListItem bottomDivider>
                <Avatar rounded 
                 source={{uri:'https://test.url/'+profilePicture}}/>
    
       </ListItem>
        )
    }
export default CustomListItem

Answer 1

Avatar 的 source 道具是基于 ImageSource 的 React Native 组件

因此，在react native的官方文档中，您可以像这样自定义图像的网络请求：（从文档复制）

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

此处有更多详细信息：Network Requests for Images

react-natiive 头像元素为 uri 属性添加授权 header

react-natiive Avatar element add authorization header for uri attribute

react-native

authorization-header