修复小滚动上的ScrollView,React Native



我有一个ScrollView,我希望它只滚动到顶部和底部,我已经完成了,这取决于onTouchEnd发生时它的位置。但我需要滚动到某个点,滚动到底部或顶部。当我进行小而尖锐的滚动时,我也可以这样做吗?这是我的代码

const [scrollToTop, setScrollToTop] = useState(false)
const scrollViewRef = useRef()
const handleGestureEvent = (e) => {
if (e?.nativeEvent?.contentOffset?.y > 120) {
setScrollToTop(false)
} else { 
setScrollToTop(true)
}
}
const fixScrollView = () => { 
if (scrollViewRef && scrollViewRef.current) {
if (scrollToTop) {
scrollViewRef.current.scrollTo({y: 0, animated: true})
} else {
scrollViewRef.current.scrollToEnd({animated: true})
}
}
}
<ScrollView
ref={scrollViewRef}
onScroll={handleGestureEvent}
onTouchEnd={fixScrollView}></ScrollView>

但现在我需要滚动到屏幕上的某个点,滚动到顶部或底部。我不知道,有没有一种方法可以确定小而尖锐的滚动,这样当发生时,列表就会滚动到底部或顶部

您可以运行;滚动到";方法。查看来源。

您可以通过设置ref属性并使用this.refs来引用ScrollView组件,如下所述:https://facebook.github.io/react/docs/more-about-refs.html

最新更新