# react-native-douban
**Repository Path**: baifenghub/react-native-douban
## Basic Information
- **Project Name**: react-native-douban
- **Description**: 一个基于 React Native 仿豆瓣电影构建的app 项目，包括页面tab切换、页面的跳转以及数据请求fetch
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No
## Statistics
- **Stars**: 2
- **Forks**: 0
- **Created**: 2020-01-20
- **Last Updated**: 2024-12-06
## Categories & Tags
**Categories**: Uncategorized
**Tags**: None
## README
# react-nattive-douban 仿豆瓣电影app项目
> A React Native Project
> 一个基于React Native 仿豆瓣电影项目，使用react-native 、react-navigation等技术， 数据来源 https://api.douban.com/
> 包含底部导航tab切换，页面跳转，左右滑动，上拉加载更多等功能，集成了react-native-elements UI框架
## 目录
#### § [技术栈](#features)
#### § [安装启动](#getting-started)
#### § [目录结构](#architecture)
#### § [项目示例图](#projectimg)
****
## § 技术栈
> 详情可参阅 `package.json`
* react native
* react-navigation
* react-native-elements
***
## § 快速开始
``` bash
搭建好环境后执行如下命令，快速开始（以安卓为例）
(
1、nodejs
2、watchman
3、react-native-cli
4、Java Development Kit
5、Android Studio
5.1、Android SDK
5.2、Android SDK Platform
5.3、Performance (Intel ® HAXM)
5.4、Android Virtual Device
)
# 初始化依赖
npm install
# 启动安卓
react-native run-android
# 打包
react-native bundle --entry-file index.js --platform android --dev false --bundle-output ./android/app/src/main/assets/index.android.bundle --assets-dest ./android/app/src/main/res/
```
***
## § 目录结构
```
.
├─ android/ # 放置打包后android平台的文件
├─ ios/ # 放置打包后ios平台的文件
├─ src/ # 源码目录（开发都在这里进行）
│ ├─ components/ # 组件
│ ├─ pages/ # 页面
│ ├─ assets/ # 静态资源
├── App.js # 根组件
├── app.json # 应用配置文件
├── index.js # 入口文件
├── .babelrc # Babel 转码配置
├── .gitignore # （配置）需被 Git 忽略的文件（夹）
├── package.json # 依赖
```
***
## § 项目示例图
