如何解决即使图像路径正确,React-Native -Elements Avatar 也不会渲染并且仅显示灰色背景
我正在尝试在我的 React_Native 应用程序的 listItem 中渲染头像,但即使我的图像 URI 路径是正确的,图像也没有渲染,并且它只给出了灰色背景。
这是我的代码
<View>
{props.dishes.map((l,i) => (
<ListItem key={i} bottomDivider>
<Avatar rounded source={{ uri: l.image }} />
<ListItem.Content>
<ListItem.Title>{l.name}</ListItem.Title>
<ListItem.Subtitle>{l.description}</ListItem.Subtitle>
</ListItem.Content>
</ListItem>
))}
</View>
这是我得到的图像
我想在那里渲染图像,但它只显示灰色背景。我也尝试过放置在线图片的 URI,但它给出了相同的结果。
我还通过了在线uri来检查我的路径uri是否不正确但结果相同
<Avatar
source={{
uri:"https://s3.amazonaws.com/uifaces/faces/twitter/adhamdannaway/128.jpg",}}
/>
解决方法
我解决了这个问题,因为像这样传递图像的路径不起作用 绕过这样的图像路径只会渲染灰色背景。
<Avatar rounded source={{ uri: "./images/uthappizza.png"}} />
这就是我使用 require() 正确传递图像路径及其渲染的方式
<Avatar rounded source={require("./images/uthappizza.png")} />
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。