# children-app

**Repository Path**: maoZhengMin/children-app

## Basic Information

- **Project Name**: children-app
- **Description**: react-native+ts，仿商城
- **Primary Language**: Unknown
- **License**: MulanPSL-2.0
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 1
- **Created**: 2023-05-10
- **Last Updated**: 2026-02-12

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# children-app

#### 介绍

一款 react-native+expo+mobx 状态管理+typescript 强语言类型，模仿市场上的商城布局，交互和功能开发的 app

#### 亮点

- mobx 状态管理
- typescript 强类型语言
- react-navigation 导航
- expo 增强的功能和布局能力
- react-native-swiper 轮播切换
- waterfall 瀑布流布局

#### 软件架构

```
.
├── ios     // 一般只存放当两个vue文件都需要应用的接口
├── android  // 静态资源
├── src    // 组件
│   ├── assets
│   │   ├── coverImg
│   │   ├── data
│   │   ├── fonts
│   │   ├── icon
│   │   ├── images
│   │   └── style   //
│   ├── component   // 组件
│   │   ├── common    //公共组件
│   │   ├── goodDetail  // 商品详情的业务组件
│   │   ├── gouache     // 购物车的业务组件
│   │   ├── home        // 首页的业务组件
│   │   ├── refreshControl // 通用刷新组件
│   │   ├── searchTxt      // 通用搜索框组件
│   │   ├── searchTxtSwiper  // 搜索组建的占位文本轮播
│   │   ├── price       // 通用显示价格组件
│   │   └── tabMenus    // 菜单切换组件
│   ├── context
│   ├── pages       // 页面
│   │   ├── category
│   │   ├── goodSearch
│   │   ├── goodSearchTab
│   │   ├── commonGoods
│   │   ├── goodDetail
│   │   ├── goodParams
│   │   ├── gowuche
│   │   ├── home
│   │   ├── login
│   │   ├── mine
│   │   └── shareModel
│   ├── routes
│   ├── store
│   └── utils
├── App.tsx
├── index.js
.
.
```

#### 安装教程

1. node 版本 16.14.0/npm 版本 8.1.4
2. 安装依赖 npm install
3. 进入 ios 目录，安装 pod install
4. 下载 codex，模拟器
5. 运行

#### 使用说明

1. APP 登录，手机号：16620498141/验证码：000000