我正在使用 react-native-swiper-flatlist ，但我的图像没有显示我不知道错误

Question

// 我的交易 const 交易 =[{ id:'1', 图片网址： '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,
},

尝试设置固定值，或 window 尺寸相关值，例如：

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

我正在使用 react-native-swiper-flatlist ，但我的图像没有显示我不知道错误

I am using react-native-swiper-flatlist , but my image is not displaying i don't know error

react-native

react-native-flatlist