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
});