我正在使用反应本机刷卡平面列表，但我的图像没有显示我不知道错误

Question

//我的交易const交易=[{id:'1'，图像URL:'https://upload.wikimedia.org/wikipedia/commons/thumb/2/20/Spaghetti_Bolognese_mit_Parmesan_oder_Grana_Padano.jpg/800px-Spaghetti_Bolognese_mit_Parmesan_oder_Grana_Padano.jpg'，

},
{
id:'2',
imageUrl:
'https://upload.wikimedia.org/wikipedia/commons/thumb/2/20/Spaghetti_Bolognese_mit_Parmesan_oder_Grana_Padano.jpg/800px-Spaghetti_Bolognese_mit_Parmesan_oder_Grana_Padano.jpg',

},
{
id:'3',
imageUrl:
'https://upload.wikimedia.org/wikipedia/commons/thumb/2/20/Spaghetti_Bolognese_mit_Parmesan_oder_Grana_Padano.jpg/800px-Spaghetti_Bolognese_mit_Parmesan_oder_Grana_Padano.jpg',

},
{
id:'4',
imageUrl:
'https://upload.wikimedia.org/wikipedia/commons/thumb/2/20/Spaghetti_Bolognese_mit_Parmesan_oder_Grana_Padano.jpg/800px-Spaghetti_Bolognese_mit_Parmesan_oder_Grana_Padano.jpg',

},

]

export default () => {
return (
<SwiperFlatList
autoplay
autoplayDelay={5}
index={3}
autoplayLoop
autoplayInvertDirection
data={Deals}
renderItem={ Deals  => { return <Image style={styles.image} source={{uri:Deals.imageUrl}} />}}
showPagination
PaginationComponent={CustomPagination}
/>
);
};
const styles = StyleSheet.create ({
image: {
height: height * 0.5,
width,
},
});

Answer 1

我认为您的问题在于图像样式。

而不是这个：

image: {
height: height * 0.5,
width,
},

尝试设置固定值或与窗口大小相关的值，如：

image: {
height: Dimensions.get('window').height * 0.5,
width: Dimensions.get('window').width,
}