function scrollViewSizeChanged(height){
// y since we want to scroll vertically, use x and the width-value if you want to scroll horizontally
scrollViewRef.current?.scrollTo({y: height, animated: true});
}
定义滚动视图并将ref和onContentSizeChange事件设置为先前创建的函数。
<ScrollView ref={scrollViewRef} onContentSizeChange={(width,height) => {scrollViewSizeChanged(height)}}>
{/* HERE GOES YOUR CONTENT*/}
</ScrollView>
1条答案
按热度按时间des4xlb01#
首先要知道的是react-native的ScrollView的scrollTo()方法,scrollTo()方法将滚动视图滚动到某个位置。
我们要使用的第二件事是ScrollView的onContentSizeChanged()事件。
除此之外,我们必须在事件中调用滚动视图,因此我们使用“useRef”钩子来创建一个对滚动视图的引用。
要使用“useRef”钩子,我们必须先导入它:
创建一个常量作为scrollview组件的引用:
创建一个处理scrollView的onContentSizeChanged()事件的函数:
定义滚动视图并将ref和onContentSizeChange事件设置为先前创建的函数。
使用 reactjs 原生版本进行测试:第6.4.0段
**EDIT:**找到一个方法,该方法已滚动到结尾。
您也可以像这样定义onContentSizeChanged-event:
为了更好地概述,我只是在定义事件的行中进行了调用,并去掉了附加函数。