Wie kann ich Position auf ScrollView oder ListView behalten?

Question

Wenn Sie in Ihrer ReactNative-App ScrollView oder ListView verwenden und einige neue Daten eintraten, wird diese Position standardmäßig in der Scroll-Komponente beibehalten. Das heißt, wenn die neuen Daten der Höhe 20 in der Mitte der Bildlaufansicht angezeigt werden, werden die Bildschirmelemente um 20 und manchmal auch über den Bildschirm verschoben.

Gibt es eine Möglichkeit, die Position zu behalten/zu verfolgen? Wenn beispielsweise die neuen Daten der Höhe 20 eingingen, wird die Position automatisch um 20 angepasst, sodass die aktuellen Bildschirmelemente auf dem Bildschirm angezeigt werden. Danke im Voraus.

Answer 1

ich eine funktionierende Lösung, obwohl es nicht sehr glatt ist, hat es den Job:

handleScroll = (event) => { 
    this.scroll = event.nativeEvent.contentOffset.y 
    if (this.ready && this.scroll < SCROLL_TRIGGER) { 
    // load more stuff here 
    } 
} 

handleSize = (width, height) => { 
    if (this.scroll) { 
    const position = this.scroll + height - this.height 
    this.refs.sv.scrollTo({x: 0, y: position, animated: false}) 
    } 
    this.height = height 
} 

// render: 

<ScrollView ref="sv" 
    scrollEventThrottle={16} 
    onScroll={this.handleScroll} 
    onContentSizeChange={this.handleSize} 
> 
    {content} 
</ScrollView> 

Wenn jemand gemacht etwas glatter, lassen Sie es uns wissen!