【问题标题】:Prevent pull-to-refresh for ScrollView in react-native在 react-native 中防止 ScrollView 的下拉刷新
【发布时间】:2018-02-05 19:45:57
【问题描述】:

有没有办法阻止 ScrollView 组件的下拉刷新功能? 我希望能够滚动,但我不想允许下拉组件的内容并防止出现这样的情况:

【问题讨论】:

  • 你的结构有错误。理论上标题导航/栏不应该进入滚动。滚动条应位于标题栏下方。为了防止只是在滚动中添加 refreshing=false 作为道具。
  • 使用this解决了我的问题

标签: react-native react-native-scrollview


【解决方案1】:

您似乎已将包含自定义操作栏的视图放置在滚动视图中,并且您提供的图像中发生的事情不是由过度滚动提供的下拉刷新引起的,因此您有 2 个解决方案:

1-将您的操作栏放在您的 ScrollView 之外,并使操作栏和 ScrollView 成为 1 个视图的子项。

2-将 alwaysBounceVertical={false} 添加到您的 ScrollView 道具。

希望这会有所帮助。

【讨论】:

  • alwaysBounceVertical 的目的完全不同,
  • @Milad 我不知道你问一些问题对你有什么帮助,但没有提供任何解决方法的细节。
  • 我没有问任何问题,我只是说了我从文档中读到的内容,alwaysBounceVertical 用于当您滚动到视图的末尾,然后当您到达末尾时,它确实一点点弹跳,和拉扯或提神无关!
  • @Milad 是的,如果您在 OP 中查看上面的图像,这就是在这种情况下发生的情况,启用 alwaysBounceVertical 的过度滚动将根据方向向下或向上拉动滚动视图中的所有视图滚动正在发生。
【解决方案2】:

最初使用 const refresh = false 。然后在调用 _onRefresh 时,将刷新从 false 更改为 true,并重新初始化 scollview 的内容。

【讨论】:

  • 怎么样? onRefresh 应该去哪里?
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 2013-12-04
  • 2016-07-16
  • 2016-07-12
  • 1970-01-01
  • 2018-12-14
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多