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

编程问答 2022-05-23

问题描述

我使用的是 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

解决方法

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

enter image description here

所以，在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

authorization-headerreact-native