关于React Native ViewPager问题

最新推荐文章于 2025-03-26 15:09:55 发布

Auspicious5

最新推荐文章于 2025-03-26 15:09:55 发布

阅读量773

点赞数

CC 4.0 BY-SA版权

分类专栏：工具类文章标签： viewpager native

本文链接：https://blog.youkuaiyun.com/lovefive5/article/details/72638458

工具类专栏收录该内容

7 篇文章

订阅专栏

本文解决了ViewPager使用过程中的卡顿问题，并提供了一种有效的方法来隐藏ViewPager底部的小圆点指示器。

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

1.ViewPager使用非常卡顿问题：
我的代码中出现如此问题是因为我的布局中同时出现了两个渲染的页面。从而使得ViewPager使用起来非常卡顿。

2.去掉ViewPager下方的指示栏(小圆点)：
2.1：打开ViewPager.js
2.2：找到render()。移到render类的最后，然后更改代码

更改前代码：

{{/*
          以下是原始小圆点代码。
          将pageCount和scrollOffset设置为0后可以隐藏小圆点的显示-->
          pageCount: pageIDs.length,
          activePage: this.state.currentPage,
          scrollValue: this.state.scrollValue,
          scrollOffset: this.childIndex,*/}

更改后代码：

{this.renderPageIndicator({goToPage: this.goToPage,
                            pageCount: 0,
                            activePage: this.state.currentPage,
                            scrollValue: this.state.scrollValue,
                            scrollOffset: 0,
                          })}

暂时的话我就用的这个方法。然后使用的是时候也没有问题。