react-native：Flatlist如何從onViewableItemsChanged傳遞給renderItem

Question

我試圖在調用onViewableItemsChanged時，在renderItem的FlatList中操作組件。

我的代碼如下所示：

<FlatList 
    data={this.props.data.allPosts.nodes} 
    ListHeaderComponent={() => this.props.listHeader} 
    onViewableItemsChange={this.onViewableItemsChanged} 
    renderItem={({item}) => 
     <View style={{ marginBottom: 12 }}> 
      <Video lights={true} 
       ref={(ref) => this[`postRef_${item.key}`] = ref} 
      /> 
     </View> 
    }     
/> 


onViewableItemsChanged = ({viewableItems}) => { 
    viewableItems.forEach((item) => { 
     const { isViewable, key } = item; 

     if(isViewable) { 
      const ref = this[`swiperRef_${key}`]; 

      if(!ref) return console.log('Ref not found'); 
       console.log('ref', ref) 
       ref.paused = false 
     } 
    }); 
} 

我的問題是，參考保持返回undefined。任何方式呢？

Answer 1

我不知道你所說的 「參考」 的意思，但如果你是通過

this.onViewableItemsChanged = this.onViewableItemsChanged.bind(this)

或

onViewableItemsChange={this.onViewableItemsChanged.bind(this}指const ref = this[swiperRef_${key}];

已經綁定this到onViewableItemsChanged？