React Native:在FlatList中滚动时如何消除动画中的项目淡入

时间:2020-10-20 07:28:18

标签: react-native react-native-flatlist

我正在使用FlatList来水平滚动图像。 在Android上,当我水平滚动时,这些项目会出现,但是它们带有淡入淡出的动画。 如何删除动画?

  <FlatList 
      showsHorizontalScrollIndicator={false} 
      initialNumToRender={5} 
      horizontal={true} 
      data={images}
      snapToAlignment={"start"} 
      snapToInterval={210}
      decelerationRate={"fast"}
      keyExtractor={(item) => item.key}
      renderItem={(item)=>renderImage(item,selectedImageHandler)}/>

const renderImage = (itemData:{ index:number, item:ImageProps}, selectedImageHandler:(index:number)=>void) => {  
  return (
      <TouchableOpacity activeOpacity={0.8} onPress={()=>selectedImageHandler(itemData.index)}>
        <Image style={styles.image} source={{uri:itemData.item.key}}/>
      </TouchableOpacity>
    )

}

enter image description here

0 个答案:

没有答案