• 高仿京东Android App,集成React-Native热更


    简介

    本项目是一个学习类型的项目,主要是为了学习一些Android最新的思路和开发思想,工程按照模块化、组件化的开发思路进行开发,项目整体结构如下图。
    在这里插入图片描述

    项目代码整洁规范,结构清晰,使用Android最新的开发思想和技术,同时集成React-Native跨平台,主要是为了实验热更功能,涉及到的技术有如下一些:

    1. 使用kotlin语言开发,项目使用模块化开发,降低了耦合性;
    2. 网络使用 retrofit2 + okhttp3方式,进行了高度的封装;
    3. leakcanary 内存泄漏检测
    4. 基于MVI架构airbnb的Mavericks
    5. 本地mock
    6. alibaba ARouter
    7. 集成RN热更功能, 用户需要打开rn加载页面,rn工程请见

    体验

    在这里插入图片描述

    部分效果如下:
    在这里插入图片描述
    在这里插入图片描述
    在这里插入图片描述

    MVI架构

    在这里插入图片描述
    由于没有明确的状态管理标准,随着应用程序的增长或添加功能或事先没有计划的功能,视图渲染和业务逻辑可能会变得有点混乱,并且这种情况经常发生在Android应用开发过程中。可能你经常遇到状态管理导致业务逻辑和 UI 渲染的分工不明确,最终导致应用架构的混乱。而新提出的MVI架构,提倡一种单向数据流的设计思想,非常适合数据驱动型的UI展示项目。MVI的架构思想来源于前端,由于Model、View和Intent三部分组成。

    • Model:与其他MVVM中的Model不同的是,MVI的Model主要指UI状态(State)。当前界面展示的内容无非就是UI状态的一个快照:例如数据加载过程、控件位置等都是一种UI状态
    • View:与其他MVX中的View一致,可能是一个Activity、Fragment或者任意UI承载单元。MVI中的View通过订阅Intent的变化实现界面刷新(不是Activity的Intent、后面介绍)
    • Intent:此Intent不是Activity的Intent,用户的任何操作都被包装成Intent后发送给Model进行数据请求

    用到的第三方库

    功能
    retrofit2网络
    okHttp3网络
    mavericksMVI框架
    BaseRecyclerViewAdapterHelper万能适配器
    PhotoView图片预览
    ARouter组件化路由
    coil图片加载
    XPopup弹窗组件
    banner滚动图
    SmartRefreshLayout智能下拉刷新框架
    gsonjson解析
    leakcanary内存泄漏检测库

    附件:https://github.com/GuoguoDad/jd_mall

  • 相关阅读:
    Matlab
    不可重复读与幻读的区别
    用户留存为何重要?
    基于JavaGUI的中英文打字训练测试软件设计
    vue3 表单搜索内容回显到地址栏
    es6_字符串扩展
    掌握逻辑漏洞复现技术,保护您的数字环境
    Vue项目中,el-image实现按钮触发大图预览模式
    基于单片机的太阳能灯(声控)电路设计(#0221)
    WEB API学习笔记1
  • 原文地址:https://blog.csdn.net/xiangzhihong8/article/details/125816097