# react_native_mock_uicn

**Repository Path**: AlanLee97/react_native_mock_uicn

## Basic Information

- **Project Name**: react_native_mock_uicn
- **Description**: 仿UI中国APP，使用React Native开发的一个仿UI中国APP
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 1
- **Forks**: 1
- **Created**: 2020-08-05
- **Last Updated**: 2020-12-22

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# 仿UI中国APP

> 开发者：李步官（AlanLee）
>
> GitHub：https://github.com/AlanLee97



## 简介

这是一个仿UI中国的APP，UI原型来自于UI中国（`https://www.ui.cn/`）上的一个设计师的作品。这是我学习React Native做的项目，目前的状态是**一边学习RN一边开发**。

仓库地址

GitHub：https://github.com/AlanLee97/react_native_mock_uicn.git

Gitee：https://gitee.com/AlanLee97/react_native_mock_uicn.git

（如果github访问速度慢，或者截图加载不出来，可以移步到Gitee）



> UI原型
>
> 作者：漩涡朱弟
>
> 链接：https://www.ui.cn/detail/444726.html



## 运行项目

- 克隆项目

    ```shell
    git clone https://github.com/AlanLee97/react_native_mock_uicn.git
    ```

- 安装依赖

    ```shell
    npm install
    
    或
    
    yarn add
    ```

- 运行

    ```shell
    react-native run-android --no-jetifier
    
    或
    
    yarn android --no-jetifier
    ```

    

## 进度

- 完成fetch网络请求，axios网络请求
- 完成底部tabbar
- 完成路由功能
- 完成透明状态栏
- 正在开发“我的”页面，完成基本样式
- 正在开发“首页”页面，已完成顶部tab页
- 完成“登录”页面样式
- 完成“注册”页面样式



## 截图

| 标题                             | 截图                                                         |
| -------------------------------- | ------------------------------------------------------------ |
| <p style="width: 100px">登录</p> | <div style="text-align: center"><img src="https://gitee.com/AlanLee97/assert/raw/master/note_images/bd2196c37c3f960bfb63b8faed1a00c.jpg" alt="bd2196c37c3f960bfb63b8faed1a00c" style="width:300px " /></div> |
| <p style="width: 100px">注册</p> | ![image-20200816101901496](https://gitee.com/AlanLee97/assert/raw/master/note_images/image-20200816101901496.png) |
| 首页                             | ![首页](https://gitee.com/AlanLee97/assert/raw/master/note_images/首页.gif) |
| 我的                             | <div style="text-align: center"><img src="https://gitee.com/AlanLee97/assert/raw/master/note_images/205e71fef237d84929e6a701b22603f.jpg" alt="205e71fef237d84929e6a701b22603f" style="width: 300px;" /></div> |