javascript - ScrollView 属性 'onScroll' 只触发一次

Question

我正在尝试让这个极其简单的 React Native (Expo) 代码工作:

在我的 App.js 中:

return (
  <ScrollView
    scrollEventThrottle={16}
    onScroll={console.log("Scrolled")}>
    <Text style={{fontSize: 30}}>
      ...
    </Text>
  </ScrollView>
)

似乎 onScroll 只会在我第一次启动应用程序时触发一次，但不会响应实际滚动。关于什么可能阻止它的任何想法？

(使用 Expo 版本 3.17.18)

Answer 1

我猜测 onScroll 的编写方式可能导致它永远不会触发它超过一次。请尝试以下代码(我还建议 scrollEventThrottle 为 400 左右，16 次将被触发太多次，但我不会说这是当前问题的根源):

 return (
  <ScrollView
    scrollEventThrottle={16}
    onScroll={({nativeEvent}) => {console.log("Scrolled")}}>
    <Text style={{fontSize: 30}}>
      ...
    </Text>
  </ScrollView>
)