请问使用 react 写一个手机站页面,怎样实现下拉刷新、上拉加载更多 - V2EX
V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
NicholasNC
V2EX    React

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

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

    如题,想实现下拉刷新、上拉加载更多。初步找了一下好像要用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     Solana     4736 人在线   最高记录 6679       Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 53ms UTC 10:02 PVG 18:02 LAX 03:02 JFK 06:02
    Do have faith in what you're doing.
    ubao snddm index pchome yahoo rakuten mypaper meadowduck bidyahoo youbao zxmzxm asda bnvcg cvbfg dfscv mmhjk xxddc yybgb zznbn ccubao uaitu acv GXCV ET GDG YH FG BCVB FJFH CBRE CBC GDG ET54 WRWR RWER WREW WRWER RWER SDG EW SF DSFSF fbbs ubao fhd dfg ewr dg df ewwr ewwr et ruyut utut dfg fgd gdfgt etg dfgt dfgd ert4 gd fgg wr 235 wer3 we vsdf sdf gdf ert xcv sdf rwer hfd dfg cvb rwf afb dfh jgh bmn lgh rty gfds cxv xcv xcs vdas fdf fgd cv sdf tert sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf shasha9178 shasha9178 shasha9178 shasha9178 shasha9178 liflif2 liflif2 liflif2 liflif2 liflif2 liblib3 liblib3 liblib3 liblib3 liblib3 zhazha444 zhazha444 zhazha444 zhazha444 zhazha444 dende5 dende denden denden2 denden21 fenfen9 fenf619 fen619 fenfe9 fe619 sdf sdf sdf sdf sdf zhazh90 zhazh0 zhaa50 zha90 zh590 zho zhoz zhozh zhozho zhozho2 lislis lls95 lili95 lils5 liss9 sdf0ty987 sdft876 sdft9876 sdf09876 sd0t9876 sdf0ty98 sdf0976 sdf0ty986 sdf0ty96 sdf0t76 sdf0876 df0ty98 sf0t876 sd0ty76 sdy76 sdf76 sdf0t76 sdf0ty9 sdf0ty98 sdf0ty987 sdf0ty98 sdf6676 sdf876 sd876 sd876 sdf6 sdf6 sdf9876 sdf0t sdf06 sdf0ty9776 sdf0ty9776 sdf0ty76 sdf8876 sdf0t sd6 sdf06 s688876 sd688 sdf86