2017-03-23 12 views
1

Es funktioniert gut mit Scrollview funktioniert aber nicht mit Animated.ScrollView „undefiniert ist keine Funktion“scrolltoTop nicht in Animated.scrollView Arbeits

<Animated.ScrollView scrollEventThrottle={1} ref="_scrollView"> 
 
    {content} 
 
</Animated.ScrollView> 
 
      
 
<Button title='Button' onPress={() => { this.refs._scrollView.scrollTo(0); }}/>

Antwort

1

Versuchen Sie das tatsächliche ref der Animated.ScrollView Komponente zu erhalten:

this.refs._scrollView._component.scrollTo({x: 0, y: 0})

-1

scrollTo() akzeptiert und Objekt als Parameter, wo Objekt enthält: {x:<number>, y:<number>, animated:<boolean>}

Sie müssen auch sicherstellen, dass Refs wirklich festgelegt sind. Das ist wahrscheinlich der Grund, warum Sie bekommen undefined ist keine Funktion.

Also, um oben zu bewegen, würde ich es tun möchte:

onPress={() => { 
    if (this.refs._scrollView) { 
    this.refs._scrollView.scrollTo({x:0, y:0}); 
    } 
}} 
+0

Haben Sie es getestet mit Animated.ScrollView? Weil es nicht funktioniert. – rendom

+0

Beachten Sie, dass ohne Animated mein Beispiel funktioniert – rendom