# react-native-mall

**Repository Path**: swantb/react-native-mall

## Basic Information

- **Project Name**: react-native-mall
- **Description**: 商城购物，仿淘宝、京东等商品分类
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 3
- **Created**: 2021-05-04
- **Last Updated**: 2021-11-02

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

## 商城、购物（React-Native 版本）
### 高仿淘宝、京东商城首页、商品分类页面
- 沉浸式状态栏
- 酷炫的顶部导航动画
- 消息角标
- 循环轮播图
- 商品一级分类
- 商品二级分类
- 商品子分类
- 顶部滑动的tab、下拉菜单

### 效果图：
![效果图](https://github.com/pengzhenjin/react-native-mall/blob/master/screenshot/0.png)
![效果图](https://github.com/pengzhenjin/react-native-mall/blob/master/screenshot/1.png)
![效果图](https://github.com/pengzhenjin/react-native-mall/blob/master/screenshot/2.png)
![效果图](https://github.com/pengzhenjin/react-native-mall/blob/master/screenshot/3.png)

### 运行项目

- iOS，在项目根目录下依次执行如下命令：
```
yarn install
```

```
cd ios
pod install
```

```
yarn ios
```

- Android，在项目根目录下依次执行如下命令：
```
yarn install
```

```
yarn android
```

**博客地址**：[React-Native 版高仿淘宝、京东商城首页、商品分类页面](https://www.pengzhenjin.top/archives/react-native%E7%89%88%E9%AB%98%E4%BB%BF%E6%B7%98%E5%AE%9D%E4%BA%AC%E4%B8%9C%E5%95%86%E5%93%81%E5%88%86%E7%B1%BB%E9%A1%B5%E9%9D%A2)