rn的scrollView的滚动距离

原创于 2020-04-09 13:43:18 发布 · 1.2k 阅读

0 ·

CC 4.0 BY-SA版权

react-native 专栏收录该内容

6 篇文章

订阅专栏

本文介绍如何使用React Native中的ScrollView组件，并通过引用(ref)进行滚动视图的优化，包括禁用水平滚动指示器、监听滚动距离及处理滚动到末尾的情况。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

let scrollViewRef =''
      <ScrollView
        horizontal
        showsHorizontalScrollIndicator={false}
        ref={ref => { scrollViewRef = ref }}
      // onScroll={(e) => {
      //   // 监听滚动 的距离
      //   // console.log(e.nativeEvent)
      //   contentOffset = e.nativeEvent.contentOffset.x
      //   if (e.nativeEvent.contentOffset.x === 0) {
      //     nu = 0
      //     contentOffset = 0
      //   }
      //   // 到尾部了

      //   if (e.nativeEvent.contentOffset.x + e.nativeEvent.layoutMeasurement.width >= e.nativeEvent.contentSize.width) {
      //     contentOffset = 0
      //   }
      // }}
      >