V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
NicholasNC
V2EX  ›  React

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

  •  
  •   NicholasNC · 2016-07-13 08:54:41 +08:00 · 8550 次点击
    这是一个创建于 3057 天前的主题,其中的信息可能已经有所发展或是发生改变。

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

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

    谢谢分享

    11 条回复    2016-07-13 11:49:22 +08:00
    JenJieJu
        1
    JenJieJu  
       2016-07-13 09:20:54 +08:00 via iPhone
    iscroll
    NicholasNC
        2
    NicholasNC  
    OP
       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
        3
    NicholasNC  
    OP
       2016-07-13 09:38:04 +08:00
    [移动 Web 产品前端开发口诀——“快”]( http://www.maxzhang.com/2013/05/移动 Web 产品前端开发口诀——“快”/)

    @JenJieJu 之前也看过相关 iscroll.js 的文章,不知性能如何,所以有点纠结
    dibage
        4
    dibage  
       2016-07-13 09:47:15 +08:00
    我觉得与其用 React 写 web APP ,倒不如用 RN 写原生 APP 。
    首先性能以及体验上肯定比 web 好,然后关于 UI 你可以不用去考虑使用什么 UI 库,也不用去花费时间学习这个库的使用,直接用原生就好了,想美观点也可以用其他的 RN 库或者自己写。
    JenJieJu
        5
    JenJieJu  
       2016-07-13 09:53:11 +08:00 via iPhone
    @NicholasNC 我是自己写了一个基于 iscroll 的组件……
    g0thic
        6
    g0thic  
       2016-07-13 10:00:58 +08:00
    NicholasNC
        7
    NicholasNC  
    OP
       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 性能方面感觉如何?我没试过,不是很确定,另外,如果方便希望可以看看你的代码,让我学习学习,谢谢。
    NicholasNC
        9
    NicholasNC  
    OP
       2016-07-13 10:56:39 +08:00
    @JenJieJu Thanks ,先研究一下。
    dibage
        10
    dibage  
       2016-07-13 11:41:32 +08:00
    @NicholasNC
    WEB APP 可以生成”原生 APP “(只是嵌套一个 WebView )性能操作体验还是 web 的方式。
    RN 不能转换成 WEB APP ,因为其 API 是与原生 UI 交互的。

    不过我觉得熟练了 React ,再入手 RN 是很简单的事,理解了基本的流程然后剩下的就是一边开发一边看 API 了
    NicholasNC
        11
    NicholasNC  
    OP
       2016-07-13 11:49:22 +08:00
    @dibage Thanks ,谢谢提点
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   3588 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 22ms · UTC 04:57 · PVG 12:57 · LAX 20:57 · JFK 23:57
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.