새 요소를 추가 한 후 FlatList 스크롤

Question

ReactNative의 FlatList 구성 요소를 사용하고 있으며 완벽하게 작동하고 있습니다. 이제 사용자가 새로운 요소/주석을 입력 할 때마다 맨 아래로 스크롤하고 싶습니다. 사용자가 새 코멘트를 입력 할 때마다

<FlatList style={styles.commentList} 
    data={commentList} 
    keyExtractor={(item, index) => index} 
    renderItem={this.renderRow.bind(this)} 
/> 

지금, commentList가 업데이트되고 FlatList는 새로 도착,하지만 난 그 사용자가 게시 된 최신 주석을 읽을 수 있도록 아래로 스크롤 할 수 싶습니다.

Answer 1

이 내용을 확인하십시오 : 이 솔루션은 아니지만이 방법으로 작업하고 있습니다.

https://exp.host/@xavieramoros/snack-SyN4FJikz 소스 코드 : https://github.com/xavieramoros/flatlist-initialScrollIndexIssue/blob/master/App.js 엑스포 (22) - RN 0.49

큰 감사 편집

https://expo.io/@xavieramoros에 : 당신은 그냥 바닥에 다음 scrollToEnd을 스크롤하려면 (https://facebook.github.io/react-native/docs/flatlist.html#scrolltoend가)에서 사용할 수 있습니다 새로운 RN.

<FlatList 
     ref={ (ref) => { this.flatList = ref; }} 
     data={this.data} 
     renderItem={ this.renderItem } 
     keyExtractor={ this.keyExtractor} 
     onScroll={ this.scrollToEnd} 
     /> 
    ...... 

처럼 당신의 방법에서 사용

scrollToEnd =() => { 
    const wait = new Promise((resolve) => setTimeout(resolve, 0)); 
    wait.then(() => { 
     this.flatList.scrollToEnd({ animated: true }); 
    }); 
}