React-Native:使用componentDidMount的引用计算FlatList的scrollToItem并将其呈现

时间:2019-03-19 10:32:58

标签: react-native react-native-flatlist

我有一个FlatList,它呈现一个1-10的数字以及一个单选按钮。如果我预先选择了可以动态显示的号码,则该数字单选按钮已预先选择。在这种情况下,如何计算scrollToItem / scrollToIndex?

componentDidMount() {
     this.scrollToItem();
}

 scrollToItem = () => {
    let dynamicIndex = dynamicIndex 
  //calcuate the dynamic Index

   this.flatListRef.scrollToIndex({ animated: true, index: dynamicIndex });

};

 <FlatList
    ref={ref => {this.flatListRef = ref;}}
    bounces={false}
    keyExtractor={item => item.id}
    data={listData}
    renderItem={({ item, index })=>
       this.renderItem(item,index)}
   />

但是它抛出错误“无法读取索引的属性'scrollToIndex'。基本上,在组件安装期间找不到'this.flatListRef'。

0 个答案:

没有答案