React native ScrollView在react native选项卡视图的每个路径中都具有水平布局,在滚动过程中会出现很多口吃

React native ScrollView在react native选项卡视图的每个路径中都具有水平布局,在滚动过程中会出现很多口吃,react-native,react-native-tab-view,React Native,React Native Tab View,我有一个选项卡视图,它使用 根据我的用例,在每张卡中,都有一个水平布局的嵌套滚动视图。这里有一个关于我所做的事情的例子。我指的是包含曲目列表的滚动视图。我在项目中使用的实际代码具有更复杂的UI,但总体布局几乎相同 尽管嵌套的ScrollView中的滚动动作可以正常工作,但是它也有很多问题,因为只有10个项目。在性能监视器打开的情况下,每次轻扫的口吃量几乎为20-30次,无论轻扫的程度有多小。如果在滚动视图中拖动和播放,口吃数很快就会达到500或更高。这种滞后非常明显,并且正在影响用户体验。口吃

我有一个选项卡视图,它使用

根据我的用例,在每张卡中,都有一个水平布局的嵌套滚动视图。这里有一个关于我所做的事情的例子。我指的是包含曲目列表的
滚动视图。我在项目中使用的实际代码具有更复杂的UI,但总体布局几乎相同

尽管嵌套的
ScrollView
中的滚动动作可以正常工作,但是它也有很多问题,因为只有10个项目。在性能监视器打开的情况下,每次轻扫的口吃量几乎为20-30次,无论轻扫的程度有多小。如果在
滚动视图中拖动和播放,口吃数很快就会达到500或更高。这种滞后非常明显,并且正在影响用户体验。口吃的原因是什么?如何解决

  • 注意,在上面的演示中,没有口吃
  • 开发平台是Android,我已经在模拟器和物理设备上测试了滚动行为
  • 我遵循了优化技巧,并用
    React.memo
    包装了每张卡的组件
  • 在我的项目中,有图像(和一些其他元素),而不仅仅是文本,但是无论我使用自定义组件还是简单文本,结果都是一样的
  • 在优化提示中,建议不要将
    选项卡视图
    嵌套在
    滚动视图
    中。我的用例不允许这样。然后,我再次通过删除父级
    ScrollView
    进行了检查,但没有效果
谢谢。感谢您的任何帮助