Почему изображения в плоском списке иногда не отображаются? - PullRequest
Новая
       44

Почему изображения в плоском списке иногда не отображаются?

1 голос
/ 08 апреля 2019

Я пытаюсь исправить свой плоский список изображений, иногда, когда я загружаю экран, загружаются все изображения, а иногда загружается случайное число изображений, и я понятия не имею, почему.Любые предложения о том, как заставить все изображения постоянно отображаться постоянно?

Источник изображения взят из внешнего URL.

Я добавил gif по этому вопросу.Он показывает мне переключение экранов и разные результаты, которые я получаю каждый раз, когда я возвращаюсь к сетке плоских списков изображений.

https://imgur.com/HmC3Dvr

Я пробовал плоский список пропуска removeClippedSubviews = {true} и{ложный}.

renderItem = ({ item, index }) => {
  return(
    //console.log(item)
    <TouchableHighlight onPress={this.props.toggleView.bind(this, index)} > 
      <View >
      <Image source={{uri: item.images.thumbnail.url, cache:'force-cache'}} style={styles.item} resizeMode={"resize"}/>      
      </View>
      </TouchableHighlight>
   ) 
 }


render(){
return(
        <FlatList
        ref={(ref) => { this._flatList = ref; }}
        data={this.props.profileMedia}
        onScroll={this.handleScroll}
        renderItem={this.renderItem.bind(this)}
        numColumns={3}
        ListHeaderComponent={this.renderHeader}
        ListFooterComponent={this.renderFooter}
        columnWrapperStyle={{justifyContent: 'flex-start'}}
        contentOffset = {{x: 0, y:this.props.scrollPosition}}
        keyExtractor={item => item.id}
        initialNumToRender={12}
      />
  )
 }

1 Ответ

0 голосов
/ 09 апреля 2019

Попробуйте проверить разрешение изображений, React Native обычно имеет проблемы с сборкой мусора изображений с большими разрешениями.

...