如何解决在滚动过程中,react-native-tab-view的每条路线中具有水平布局的ScrollView口吃很多
我有一个TabView,它使用的是 CoverFlowExample。
根据我的用例,每张卡中都有一个带有水平布局的嵌套ScrollView。这是关于我所做的事情的Snack。我指的是包含曲目列表的ScrollView
。我在项目中使用的实际代码具有更复杂的UI,但是总体布局几乎相同。
尽管嵌套ScrollView
中的滚动动作有效,但仅用10个项目,结局也很多。启用Perf Monitor后,无论轻扫多么轻巧,每次刷卡时的口吃量都接近20-30。如果有人在ScrollView
内拖动并游玩,则断断续续的次数很快就会达到500甚至更多。滞后现象非常明显,并且正在影响用户体验。口吃的原因可能是什么?如何解决?
- 请注意,在上面的演示中,没有结巴!
- 开发平台是Android,我已经在模拟器和物理设备上测试了滚动行为。
- 我遵循了优化技巧,并用
React.memo
包装了每张卡的组件。 - 在我的项目中,有图像(和一些其他元素),而不只是文本,但是无论使用自定义组件还是简单文本,结果都是相同的。
- 在优化技巧中,建议不要将
TabView
嵌套在ScrollView
中。我的用例不允许这样做。再一次,我也通过删除父ScrollView
进行了检查,但无济于事。
谢谢。任何帮助都将受到赞赏。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。