# HibridArcPro

**Repository Path**: yuan1530702811/hibrid-arc-pro

## Basic Information

- **Project Name**: HibridArcPro
- **Description**: HibridArcPro大前端，混合架构项目，其中包含了Native(java+kotlin)+RN+Flutter+ReactJs+Vue。该项目首页使用底部四个tab，分别为Native、RN、Flutter和ReactJs实现。并在其中实现多平台通信、RN和Flutter中使用NativeUI，IM的socket通信等。
- **Primary Language**: Android
- **License**: Apache-2.0
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 10
- **Forks**: 1
- **Created**: 2022-09-14
- **Last Updated**: 2024-10-14

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# HibridArcPro

#### 介绍
HibridArcPro，混合架构项目，其中包含了Native(java+kotlin)+RN+Flutter+ReactJs+Vue。该项目首页使用底部四个tab，分别为Native、RN、Flutter和ReactJs实现。并在其中实现多平台通信、RN和Flutter中使用NativeUI，IM的socket通信等。

#### 软件架构
软件架构说明~

![架构说明](Snipaste_2023-03-05_09-33-01.png)

#### 效果演示

#### 性能优化|页面显示速度优化
Android Module —— —— `preloadlib` **Activity离屏预加载、WebView离屏预渲染** 实现并可应用到复杂布局页面，解决Activity、WebView冷启动页面显示速度慢短暂白屏问题。


##### 原生Kotlin&Java 仿招商银行首页-列表新架构设计 、 自定义View底部导航

![仿招商银行首页](HybridArcPro/Snipaste_2023-03-05_09-30-52.png)


##### ReactNative 仿工行首页效果展示，滑动渐变效果。

![仿工行首页](hibrid_rn/ReactNative%E4%BB%BF%E5%B7%A5%E8%A1%8C%E9%A6%96%E9%A1%B5.GIF)