V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
爱意满满的作品展示区。
funnyzak
V2EX  ›  分享创造

用 React Native 构建了一个 V2EX 移动客户端,已开源,已编译可下载

  •  
  •   funnyzak ·
    funnyzak · 2022-03-16 19:10:43 +08:00 · 4958 次点击
    这是一个创建于 983 天前的主题,其中的信息可能已经有所发展或是发生改变。

    这个项目使用了 React Native 构建了一个 V2EX 移动客户端应用。Android 、iOS 均测试通过。

    主要目的是为了构建一个 React Native 快速开发脚手架。

    项目地址:funnyzak/react-native-v2ex

    欢迎 STAR ,提意见,共同优化项目。

    特点

    1. 基于 React Native 0.67.2 版本。
    2. 引入 TypeScript 强类型检查,保证维护性、可读性、稳定性。
    3. eslint 代码规范检查,prettier 代码美化、Husky 作为 git hooks 进行代码格式化、规范校验。
    4. i18n 集成,支持多国语言。实现了语言切换功能。
    5. 实现 APP 主题(浅色、深色、自动切换)切换功能。
    6. 使用 Redux ,异步用 Redux Thunk ,并用 Redux Persist 数据持久化。
    7. 使用 @redux-devtools/extension 进行 Redux 调试。
    8. 路由使用 React Navgiation ,并使用了 Stack Navigator 、Bottom Tabs Navigator 、Material Top Tabs Navigator 。
    9. 使用 react-native-splash-screen 控制开屏图。
    10. Toast 同时集成了 react-native-easy-toastreact-native-toast-message
    11. 日期格式化使用 dayjs
    12. WebView 使用 react-native-webview
    第 1 条附言  ·  2022-03-16 22:02:02 +08:00

    iOS Light

    23 条回复    2023-03-08 11:17:25 +08:00
    dlan
        1
    dlan  
       2022-03-16 20:04:59 +08:00
    👍 整洁
    wingkwanli888
        2
    wingkwanli888  
       2022-03-16 20:38:08 +08:00
    正好學習 RN
    ggmood
        3
    ggmood  
       2022-03-16 21:02:15 +08:00 via iPhone
    字体颜色有点艺术
    funnyzak
        4
    funnyzak  
    OP
       2022-03-16 21:58:57 +08:00
    @dlan 什么整洁?
    funnyzak
        5
    funnyzak  
    OP
       2022-03-16 21:59:07 +08:00
    @wingkwanli888 共同学习
    funnyzak
        6
    funnyzak  
    OP
       2022-03-16 22:00:18 +08:00
    @ggmood 没在设计上过多花心思,主要还是关注代码方面
    SaberJack
        7
    SaberJack  
       2022-03-16 22:03:12 +08:00 via Android
    可以可以 我现在用的 play 商店的
    NowTime
        8
    NowTime  
       2022-03-16 22:27:48 +08:00 via Android
    很棒,平板支持横屏浏览,但是打开帖子看不到评论

    ![Screenshot_20220316_222337_github.funnyzak.v2ex.jpg]( https://s2.loli.net/2022/03/16/YuON3wdo2SZT6DC.jpg)


    ![Screenshot_20220316_222715_github.funnyzak.v2ex.jpg]( https://s2.loli.net/2022/03/16/PN9qJaUwn6QjkvE.jpg)
    dlan
        9
    dlan  
       2022-03-16 22:29:17 +08:00
    @funnyzak 我是说 README ,V2 客户端比较多了,但是体验都不怎么好,不如网页端
    ggmood
        10
    ggmood  
       2022-03-17 09:30:49 +08:00 via iPhone
    @funnyzak #6 但是你那个字体蓝色我很喜欢啊😄
    mlhadoop
        11
    mlhadoop  
       2022-03-17 11:14:39 +08:00
    赞~
    funnyzak
        12
    funnyzak  
    OP
       2022-03-17 16:00:49 +08:00
    @dlan 这个项目其实主要目的是为了构建一个 React Native 快速开发脚手架。
    funnyzak
        13
    funnyzak  
    OP
       2022-03-17 16:01:20 +08:00
    @ggmood 😄
    funnyzak
        14
    funnyzak  
    OP
       2022-03-17 16:04:30 +08:00
    @NowTime 评论数据,我还没来得及做。这几天会加入的。
    funnyzak
        15
    funnyzak  
    OP
       2022-03-17 16:06:16 +08:00
    @dlan 主要把它作为 ReactNative 脚手架。后续会在项目引入或增加一些 RN 常用的交互功能或组件。
    azhi
        16
    azhi  
       2022-03-18 09:30:28 +08:00
    个人开发者的都报错吗?

    ![微信图片编辑_20220318092401.jpg]( https://s2.loli.net/2022/03/18/kP2sAroVdwNXM3C.jpg)
    funnyzak
        17
    funnyzak  
    OP
       2022-03-18 13:40:00 +08:00
    @azhi 目前非 Play 开发者,没使用 Play 打包。这个问题可能确实存在。
    824020994
        18
    824020994  
       2022-03-19 17:28:24 +08:00
    TF 有吗?
    funnyzak
        19
    funnyzak  
    OP
       2022-03-20 11:44:23 +08:00
    @824020994 有,刚发布。项目首页,Readme 可以看到。
    stabc
        20
    stabc  
       2022-03-20 16:18:15 +08:00
    个人感觉 RN 版不如我用的一个 flutter 版的顺滑
    funnyzak
        21
    funnyzak  
    OP
       2022-03-20 20:06:22 +08:00
    @stabc 你说的没错。但是认为 RN 做一些信息类应用,比 flutter 效率高,成本低。常见的不常见的功能组件或方案,在开源库的都能找到,而且也比较成熟了。大大提高了开发效率。

    开启一个新项目的时候,还是得根据目大小,场景,再选择是用 Flutter 、RN 还是纯原生。
    xyxc0673
        22
    xyxc0673  
       2023-01-16 13:13:08 +08:00
    这界面看起来是在我之前写的 V2EX Plus 上面改的,不过现在的完成度比我之前写的高很多
    funnyzak
        23
    funnyzak  
    OP
       2023-03-08 11:17:25 +08:00   ❤️ 1
    @xyxc0673 是的,有 Star ,有学习到。感谢。开始就是 RN 练手,搭 RN 脚手架,UI 上没考虑太多。后面学 Figma ,把 UI 重画了。目前 UI 设计稿可下载: https://www.figma.com/community/file/1101074002447399194
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   1205 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 24ms · UTC 18:22 · PVG 02:22 · LAX 10:22 · JFK 13:22
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.