Scorrere verso l'alto di ScrollView

Question

C'è un modo per scorrere fino all'inizio di un ScrollView in risposta a un pulsante premere?

Posso forzare un nuovo render dell'intera pagina ma sembra molto inefficiente.

Answer 1

È possibile eseguire il metodo "scrollTo" di ScrollView. Guarda le fonti del componente ScrollView https://github.com/facebook/react-native/blob/master/Libraries/Components/ScrollView/ScrollView.js#L288

È possibile ottenere riferimento al componente ScrollView impostando la proprietà ref e utilizzando this.refs come descritto qui: https://facebook.github.io/react/docs/more-about-refs.html

Answer 2

1. Prima aggiungere un attributo ref al componente ScrollView. Esempio: <ScrollView ref='_scrollView'>
2. Allora dove vuoi per scorrere verso l'alto fare questo esempio: onPress={() => { this.refs._scrollView.scrollTo(0); }}

Answer 3

Un semplice esempio:

<ListView 
    ref={ref => this.listView = ref} 
    onContentSizeChange={() => { 
    this.listView.scrollTo({y: 0}) 
    }} 
/> 

Answer 4

Con un pulsante per il controllo della scrollveiw o listview in alto è possibile.

prima, è possibile utilizzare il metodo messo onScroll evento in essa per rilevare la event.nativeEvent.contentOffset.y del ListView o ScrollView, è possibile impostare uno stato di controllarlo s show or hide according to the y`.

Quindi, impostare un pulsante sulla pagina, utilizzare il metodo onPress e il metodo .scrollTo per farlo.

Ecco un'implementazione può essere utilizzato come punto di riferimento: https://www.npmjs.com/package/react-native-scrolltotop

Sperando che questo aiuta

Answer 5

scrollTo(x,y) è ora deprecato. Ora è meglio passare un oggetto a scrollTo in questo modo:

this.refs.scrollView.scrollTo({x: 0, y: 0, animated: true})