FlatList Scroll nach dem Hinzufügen eines neuen Elements

Question

Ich verwende FlatList Komponente von ReactNative und es funktioniert perfekt. Jetzt möchte ich es nach unten scrollen, wenn Benutzer neues Element/Kommentar eingibt. Jetzt

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

, wenn Benutzer Kommentar eingibt, wird commentList aktualisiert und FlatList bekommt auch aktualisieren, aber ich mag nach unten bewegen, so dass Benutzer letzten Kommentar geschrieben lesen können.

Answer 1

Check out: Es ist nicht meine Lösung, aber ich habe mit dieser Methode arbeiten.

https://exp.host/@xavieramoros/snack-SyN4FJikz Quellcode: https://github.com/xavieramoros/flatlist-initialScrollIndexIssue/blob/master/App.js Expo 22 - RN 0,49

Ein großer Dank https://expo.io/@xavieramoros

Edited: Wenn Sie nur dann scrollToEnd nach unten scrollen (https://facebook.github.io/react-native/docs/flatlist.html#scrolltoend) ist in neue RN. verwenden Sie es wie

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

und in Ihrer Methode

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