如何解决React Native ScrollView 防止/允许滚动开始事件
我有一个 ScrollView(实际上是 Animated.ScrollView
),我想根据内部组件的某些状态决定在滚动开始时是否允许垂直滚动。我知道有一个 scrollEnabled
属性可以工作,但滚动视图包含一些组件,这些组件需要渲染几帧,并根据内部视图的交互更改 scrollEnabled
属性会导致重新渲染,从而导致重新渲染由于我的应用需要根据内部视图的一些动画/平滑滚动来更改此属性,因此帧数很少,因此这些丢帧会导致负面的用户体验。
我也尝试了 preventDefault
的滚动开始拖动事件,但没有任何改变(无论我是否调用它都允许滚动)。
如何决定是否允许在滚动开始时动态滚动滚动视图而不更新状态/道具(这会导致重新渲染昂贵的视图树,丢帧)?像 pan Responder 的 onMoveShouldSetPanResponder[Capture]
事件可能会有很大帮助,但是从它们返回 false
就是行不通的(即使它们被调用,它也会捕获和滚动)。 (我使用的是 React Native 0.64)
解决方法
阅读 https://codedaily.io/courses/Master-React-Native-Animations/Using-and-Understanding-setNativeProps 中的帖子后,我通过在滚动视图上设置原生道具(我直接使用 ref
引用)而不是更新状态来解决它,防止重新渲染:
this.state.scrollView.current?.setNativeProps({
scrollEnabled: false
});
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。