react native的ScrollView滑动到指定位置

最新推荐文章于 2024-06-21 16:28:23 发布

hzxOnlineOk

最新推荐文章于 2024-06-21 16:28:23 发布

阅读量1.2k

点赞数

分类专栏： react-native

本文链接：https://blog.csdn.net/hzxOnlineOk/article/details/110220252

版权

react-native 专栏收录该内容

95 篇文章

订阅专栏

<ScrollView
            horizontal
            showsHorizontalScrollIndicator={false}
            style={{
              width: '100%',
            }}
            ref={scrollView => {
              if (scrollView !== null) {
                setTimeout(() => {
                  //父组件传入的参数的option（用于计算偏移，根据自己实际情况）
                  scrollView.scrollTo({ x: 50 * (dataList.length - 1), y: 0, animated: true }, 1)
                })
              }
            }}
            scrollIndicatorInsets={{ right: Platform.OS === 'ios' ? 1 : 0 }} // 修复iphonex系列 滚动条位置偏左或者居中 正常应是贴右侧边
          >
            {this.renderIcons()}
</ScrollView>