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

基于 react-native+redux 开发的高仿 V2EX 客户端

  •  
  •   seawind8888 ·
    seawind8888 · 2017-05-09 11:47:22 +08:00 · 4257 次点击
    这是一个创建于 2750 天前的主题,其中的信息可能已经有所发展或是发生改变。

    基于 react-native+redux 的高仿 V2EX 客户端开源项目

    github 传送门: https://github.com/seawind8888/react-native-v2ex.git (欢迎 star&fork )

    安装配置

    1.第一步

    git clone  https://github.com/seawind8888/react-native-v2ex.git
    

    2.第二步

    cd v2ex_demo
    

    3.第三步

    npm install
    

    4.第四步

    1.运行 Android 版本
    Mac OS X:react-native run-android  or Windows OS:react-native start and react-native run-android
    2.运行 iOS 版本
    Mac OS X:react-native run-ios or  xcode open project and run project
    

    运行效果

    v2ex_1.gif

    v2ex_2.gif

    v2ex_3.gif

    使用组件

    1.react-native-side-menu  
    2.react-native-swiper  
    3.react-native-vector-icons
    4.react-redux
    5.redux
    6.redux-thunk
    
    28 条回复    2017-05-10 16:15:33 +08:00
    lovelypig5
        1
    lovelypig5  
       2017-05-09 11:50:20 +08:00
    rn 用的最新版么?我记得 react-native-side-menu 好像有版本冲突
    Wilon
        2
    Wilon  
       2017-05-09 11:52:04 +08:00
    我在使用 angularjs+ionic 组合,你觉得 react 使用感觉怎么样
    liteneo
        3
    liteneo  
       2017-05-09 12:16:11 +08:00 via iPhone
    Ionic 跟 RN 没得比
    seawind8888
        4
    seawind8888  
    OP
       2017-05-09 15:14:14 +08:00
    @lovelypig5 用的 0.41 好像没啥问题
    seawind8888
        5
    seawind8888  
    OP
       2017-05-09 15:16:05 +08:00
    @Wilon @liteneo 一个是 webview 一个是 jscore 通信原理不太一样,小项目还是可以用 ionic
    zengyuxi
        6
    zengyuxi  
       2017-05-09 15:28:19 +08:00
    小白问下作者,用 RN 开发出来的 app 是不是,就可以尽情的热更新,而不通过 app store 的审核了呢?
    ma125125t
        7
    ma125125t  
       2017-05-09 15:30:29 +08:00
    @zengyuxi 最新规定是应用 react-native、weex 等动态技术的一律过不了 appstore 审核
    nutting
        8
    nutting  
       2017-05-09 15:32:14 +08:00
    白屏,弹出一个提示什么权限的东西
    paradoxs
        9
    paradoxs  
       2017-05-09 15:33:51 +08:00
    @ma125125t 不是这回事吧. react native 能上 不能上的只是 jspatch
    nutting
        10
    nutting  
       2017-05-09 15:35:03 +08:00
    Overlay permissions needs to be granted in order for react native apps to run in dev mode
    lovelypig5
        11
    lovelypig5  
       2017-05-09 16:13:01 +08:00
    @seawind8888 应该是的,我上次用过 RN 43 版本,报了冲突,然后再等 side-menu 作者更新……
    chipmuck
        12
    chipmuck  
       2017-05-09 16:28:20 +08:00
    @ma125125t 不。

    React Native / weex 虽然是用 js 来编写原生 UI,不过最终的渲染仍旧是 native 代码。

    JSPatch 是能够利用 javascriptCore 来进行远程代码的下载,从而绕过苹果的审核,所以禁的是这个。
    Wilon
        13
    Wilon  
       2017-05-09 16:30:49 +08:00
    @seawind8888 多小的项目可以用 ionic?多大的项目不适合用了?
    ahonn
        14
    ahonn  
       2017-05-09 16:51:37 +08:00
    帖子里面用的是 WebView ?
    seawind8888
        15
    seawind8888  
    OP
       2017-05-09 17:33:20 +08:00
    @zengyuxi 热更新是 jspatch,不过 rn 好像有插件可以实现
    seawind8888
        16
    seawind8888  
    OP
       2017-05-09 17:34:34 +08:00
    @ma125125t 只有 jspatch 过不了审 亲
    KuroNekoFan
        17
    KuroNekoFan  
       2017-05-09 17:39:57 +08:00
    如果 app 有改变其自身行为的能力,会过不了审吧
    seawind8888
        18
    seawind8888  
    OP
       2017-05-09 17:46:38 +08:00
    @ahonn rn 的 webview 组件
    ichubei
        19
    ichubei  
       2017-05-09 17:56:10 +08:00 via iPhone
    非常不错,正在学习 rn
    seawind8888
        20
    seawind8888  
    OP
       2017-05-09 18:19:06 +08:00
    @ichubei tks
    seawind8888
        21
    seawind8888  
    OP
       2017-05-09 18:20:49 +08:00
    @Wilon 如果有一堆数据渲染,一堆动画,一堆复用组件,就可以用 r-n 了
    seawind8888
        22
    seawind8888  
    OP
       2017-05-09 18:22:39 +08:00
    @nutting 没开启 usb 调试吧
    nutting
        23
    nutting  
       2017-05-09 18:32:02 +08:00 via Android
    @seawind8888 有啊,我在搞 ionic,都正常
    Wilon
        24
    Wilon  
       2017-05-10 09:47:45 +08:00
    @seawind8888 目前在做工单系统 APP,感觉没什么异常
    seawind8888
        25
    seawind8888  
    OP
       2017-05-10 10:15:49 +08:00
    @Wilon 那就没啥问题,也得看看法需求
    Wilon
        26
    Wilon  
       2017-05-10 13:36:02 +08:00
    @seawind8888 总体来说,市面上的 HTML+CSS+JSS 的移动端,还是 react 比较好是吗?
    seawind8888
        27
    seawind8888  
    OP
       2017-05-10 15:03:48 +08:00
    @Wilon rn 第三方组件多 构建起来比较快
    Wilon
        28
    Wilon  
       2017-05-10 16:15:33 +08:00
    @seawind8888 好的,多谢解答
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   5681 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 33ms · UTC 08:25 · PVG 16:25 · LAX 00:25 · JFK 03:25
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.