react-native - react-native Avatar 元素为 uri 属性添加授权标头

Question

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

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 的sourceprops 基于ImageSourceReact Native 组件

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

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

更多细节在这里：图像的网络请求