如何自定义ScrollView嵌套RecyclerListView时父容器滚动禁用的触发高度

可以自定义这个触发高度，问题根源是RecyclerListView内部默认设置了50px的滚动拦截阈值，用来判断何时接管父ScrollView的滚动控制权。你可以通过以下两种方式修改：

• 通过组件内置参数配置
  在RecyclerListView的scrollPerfOptions属性中设置scrollInterceptOffset，直接指定触发父滚动禁用的高度，比如设置为100px：

<RecyclerListView
  // 其他原有属性
  scrollPerfOptions={{
    scrollInterceptOffset: 100 // 替换为你需要的数值
  }}
/>

• 手动控制滚动逻辑
  如果内置参数不生效，可以通过自定义滚动事件处理来精准控制：
  1. 给父ScrollView添加ref用于操作其滚动状态
  2. 在RecyclerListView的onScroll事件中计算滚动位置，达到自定义阈值时切换父ScrollView的滚动权限

const scrollViewRef = useRef(null);

const handleRLVScroll = (event) => {
  const scrollY = event.nativeEvent.contentOffset.y;
  // 这里设置自定义阈值，比如150px
  const customThreshold = 150;
  if (scrollY >= customThreshold) {
    scrollViewRef.current?.setNativeProps({ scrollEnabled: false });
  } else {
    scrollViewRef.current?.setNativeProps({ scrollEnabled: true });
  }
};

// 父ScrollView结构
<ScrollView ref={scrollViewRef}>
  {/* 上方其他内容 */}
  <RecyclerListView 
    onScroll={handleRLVScroll}
    scrollEnabled={true} // 确保自身滚动始终可用
    // 其他原有属性
  />
</ScrollView>

内容的提问来源于stack exchange，提问作者Bob