scrollTo jest niezdefiniowany w animowanym ScrollView

Question

Podczas korzystania z Animated.createAnimatedComponent(ScrollView) do tworzenia animowanych ScrollView nie jest już możliwe używanie scrollTo.

const AnimatedScrollView = Animated.createAnimatedComponent(ScrollView); 

<AnimatedScrollView ref={(ref) => this.list = ref}> 
    <View style={{height: 1000}} /> 
</AnimatedScrollView> 

Wywołanie this.list.scrollTo({x: 0, y: 0}) daje następujący błąd:

_this.list.scrollTo is not a function

to działa dobrze na normalnej Scrollview. Czy istnieje sposób na rozwiązanie tego problemu?

Answer 1

@ max23_ 's odpowiedź może działać, ale nie jest to właściwy sposób - z reguły nie powinniśmy nigdy uzyskać dostęp do prywatnych zmiennych bezpośrednio, ponieważ często są one przedmiotem zmian. (Edit: brak szacunku :-))

Ze względu na this pull request, nowy i przyszłościowy sposób na uzyskanie zawinięty komponentu ref jest użycie metody getNode() użytkową, jak dostęp do zmiennych prywatnych (poprzedzany z _) nie jest bezpieczny z przyszłych zmian API.

więc nowy sposób robi to

ref={c => (this.myRef = c)}

a następnie, gdy wywołanie metody, robi

this.myRef.getNode().scrollToOffset({ y: 0, animated: true, });

:-)

Answer 2

Spróbuj uzyskać ref z powrotów składnik z Animated.createAnimatedComponent metody:

ref={(ref) => this.list = ref._component} 

Następnie, nazywając this.list.scrollTo({x: 0, y: 0}) powinno działać.