拉动刷新 Android 和 Phonegap答案

【问题标题】：Pull to refresh for Android and Phonegap拉动刷新 Android 和 Phonegap
【发布时间】：2014-02-11 18:10:54
【问题描述】：

我们正在使用 Cordova、html、css 构建多平台移动应用程序。对于我们的某些屏幕，我们需要拉动刷新功能。我尝试了 Damien 的解决方案 (http://damien.antipa.at/2012/10/16/ios-pull-to-refresh-in-mobile-safari-with-native-scrolling/) 和 iScroll for iOS，它适用于 iOS 平台。但是这些方法都不适用于android平台。有人可以帮我吗？如何为 Android 平台构建 pull To Refresh。

【问题讨论】：

我们遇到了同样的问题。暂时我们只需要满足于刷新按钮，但如果我们能改变它，那就太棒了。
你试过什么？你说你已经尝试过 iScroll 但“这些方法都不适用于 android” 为什么不呢？它是否充满了您可以调试和修复并发送回 iScroll 人员的错误？ Stack Overflow 更多的是“这是我的问题，这是我的调试步骤，请帮助”而不是“我如何构建 x？”
好吧，我终于让 iScroll 在 iOS 和 Android 平台上工作了。只是想让您知道 iScroll 有适用于 iOS 和 Android 平台的解决方案。我遵循 cubiq.org 的以下示例：:cubiq.org/dropbox/iscroll4/examples/pull-to-refresh
@user3233772 你的链接失效了，能否分享一下，你是怎么弄的？

标签： android cordova pull-to-refresh

【解决方案1】：

如果你也在使用 React.js，我很享受这种简单性

https://www.npmjs.com/package/react-pull-to-refresh

一个例子：

<ReactPullToRefresh
  onRefresh={this.handleRefresh}
  className="your-own-class-if-you-want"
  style={{
    textAlign: 'center'
  }}>
  <h3>Pull down to refresh</h3>
  <div>{items}</div>
  <div>etc.</div>
</ReactPullToRefresh>

【讨论】：

【解决方案2】：

您应该可以使用 iscroll.js 做到这一点：http://iscrolljs.com/

或者你可以阅读Christophe Coenraets's blog article。

【讨论】：

谢谢。我正在使用 iScroll 的 pull to refresh 示例为 iOS 和 Android 构建刷新功能，它终于可以在所有手机上运行。昨天我遇到了一些实施问题，但我今天可以正常工作了。
你是怎么做到的@user3233772？