【问题标题】:I am using react-native-swiper-flatlist , but my image is not displaying i don't know error我正在使用 react-native-swiper-flatlist ,但我的图像没有显示我不知道错误
【发布时间】:2021-07-01 19:17:36
【问题描述】:

// 我的交易 常量交易 =[{ 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,
  },
});

【问题讨论】:

    标签: react-native react-native-flatlist


    【解决方案1】:

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

    而不是这个:

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

    尝试设置固定值,或与窗口大小相关的值,例如:

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

    【讨论】:

    • 我也遇到了同样的问题,这个解决方案没有解决。
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2021-07-22
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多