Issue
When using Animated.createAnimatedComponent(ScrollView)
to create an animated ScrollView
it's not longer possible to use scrollTo
.
const AnimatedScrollView = Animated.createAnimatedComponent(ScrollView);
<AnimatedScrollView ref={(ref) => this.list = ref}>
<View style={{height: 1000}} />
</AnimatedScrollView>
Calling this.list.scrollTo({x: 0, y: 0})
gives the following error:
_this.list.scrollTo is not a function
It works fine on a normal ScrollView. Is there any way to solve this?
Solution
@max23_ 's answer might work for now, but is not the correct way of doing it - as a rule of thumb, we should never access private variables directly as these are often subject to change. (edit: no disrespect :-) )
Due to this pull request, the new and future-proof way of getting the wrapped component's ref
is to use the getNode()
utility method, as accessing private variables (prepended with _
) is not safe from future API changes.
So, the new way of doing it is
ref={c => (this.myRef = c)}
and then when calling the method, doing
this.myRef.getNode().scrollTo({
y: 0,
animated: true,
});
:-)
Answered By - jhm
0 comments:
Post a Comment
Note: Only a member of this blog may post a comment.