请问使用 react 写一个手机站页面,怎样实现下拉刷新、上拉加载更多

2016-07-13 08:54:41 +08:00
 NicholasNC

如题,想实现下拉刷新、上拉加载更多。初步找了一下好像要用iscroll.js库,不过不知道大家有没有其他方式实现?

是直接自己写,还是有其他封装好的组件?

谢谢分享

8420 次点击
所在节点    React
11 条回复
JenJieJu
2016-07-13 09:20:54 +08:00
iscroll
NicholasNC
2016-07-13 09:28:03 +08:00
[关于 React Native 的上拉加载组件]( http://bbs.reactnative.cn/topic/700/%E5%85%B3%E4%BA%8Ereact-native-%E7%9A%84%E4%B8%8A%E6%8B%89%E5%8A%A0%E8%BD%BD%E7%BB%84%E4%BB%B6)
[RefreshControl]( https://facebook.github.io/react-native/docs/refreshcontrol.html)
[react-native-gifted-listview]( https://github.com/FaridSafi/react-native-gifted-listview)

其实,是不是结合 React-Native 会比较容易实现?

或说,如果不是打包成 APP 的话,有没有必要使用 React-Native ?
NicholasNC
2016-07-13 09:38:04 +08:00
[移动 Web 产品前端开发口诀——“快”]( http://www.maxzhang.com/2013/05/移动 Web 产品前端开发口诀——“快”/)

@JenJieJu 之前也看过相关 iscroll.js 的文章,不知性能如何,所以有点纠结
dibage
2016-07-13 09:47:15 +08:00
我觉得与其用 React 写 web APP ,倒不如用 RN 写原生 APP 。
首先性能以及体验上肯定比 web 好,然后关于 UI 你可以不用去考虑使用什么 UI 库,也不用去花费时间学习这个库的使用,直接用原生就好了,想美观点也可以用其他的 RN 库或者自己写。
JenJieJu
2016-07-13 09:53:11 +08:00
@NicholasNC 我是自己写了一个基于 iscroll 的组件……
g0thic
2016-07-13 10:00:58 +08:00
NicholasNC
2016-07-13 10:11:01 +08:00
@dibage 其实我没有怎么了解过 Native ,只是自己学习了 React+Redux+React-Router 。公司想将产品做成多个平台的( PC 、微信、 Android+IOS App )。有一个问题,如果只是用 React+Redux+React-Router 写一个 Web App 的话是不是不能打包成原生 App ,而使用 React+React-Native ,既可以做成 Web App ,也可以打包成原生 App?

@JenJieJu 性能方面感觉如何?我没试过,不是很确定,另外,如果方便希望可以看看你的代码,让我学习学习,谢谢。
JenJieJu
2016-07-13 10:44:05 +08:00
NicholasNC
2016-07-13 10:56:39 +08:00
@JenJieJu Thanks ,先研究一下。
dibage
2016-07-13 11:41:32 +08:00
@NicholasNC
WEB APP 可以生成”原生 APP “(只是嵌套一个 WebView )性能操作体验还是 web 的方式。
RN 不能转换成 WEB APP ,因为其 API 是与原生 UI 交互的。

不过我觉得熟练了 React ,再入手 RN 是很简单的事,理解了基本的流程然后剩下的就是一边开发一边看 API 了
NicholasNC
2016-07-13 11:49:22 +08:00
@dibage Thanks ,谢谢提点

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/292119

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX