如何解决我的问题是我的 swiper 不显示图像
我正在使用 react-native-swiper-flatlist.Swiper 和来自 swiper 的点在那里,但没有显示图像。我对本机反应很陌生。这是我的代码:
<SwiperFlatList
autoplay
autoplayDelay={2}
autoplayLoop
index={2}
showPagination
data={img}
renderItem={({ item }) =>{
return(
<Image style={{width,height: 200,backgroundColor:"#f0ffff" }} source={{uri:item.uri}}/>
)
} }
/>
解决方法
- 首先尝试将您的 SwiperFlatList 保持在 View Component & Style 中,应为 flex:1。
- 仔细检查您的数据格式是什么以及如何在图像中呈现。
否则请分享完整的源代码。
您的图像数据不是来自网络,这是本地数据,因此请使用此代码:
<Image style={{width,height: 300,backgroundColor:"#f0ffff",flex: 1 }} source={item.uri}/>
代替
<Image style={{width,flex: 1 }} source={{uri:item.uri}}/>
还要更改数据格式:
const img=[
{uri:'../../assets/image.png',key: '1'},{uri:'../../assets/image.png',key: '2'},key: '3'}
];
到
const img=[
{uri:require('../../assets/image.png'),{uri:require('../../assets/image.png'),key: '3'}
];
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。