# Bubble_uber

**Repository Path**: lin92n/bubble_uber

## Basic Information

- **Project Name**: Bubble_uber
- **Description**: No description available
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2024-11-14
- **Last Updated**: 2025-04-15

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# Uber Clone App - React Native

基于React Native和Expo构建的现代化打车应用程序，提供类似Uber的核心功能。

## 项目概述

本项目是一个功能完整的打车应用程序，采用最新的React Native技术栈开发，具有清晰的代码结构和现代化的UI设计。主要功能包括用户认证、地图导航、实时定位、打车预订、支付集成等。

## 技术架构

### 核心技术
- **React Native** - 跨平台移动应用开发框架
- **Expo** - React Native开发工具和服务平台
- **TypeScript** - 类型安全的JavaScript超集
- **Expo Router** - 基于文件系统的路由解决方案

### UI/UX
- **NativeWind** - 基于Tailwind CSS的React Native样式解决方案
- **React Native Maps** - 地图集成和导航功能
- **React Native Swiper** - 轮播图组件
- **React Native Reanimated** - 高性能动画库

### 状态管理与后端集成
- **Zustand** - 轻量级状态管理
- **Supabase** - 开源后端即服务(BaaS)平台
- **Clerk** - 用户认证和身份管理
- **Stripe** - 支付处理集成

### 开发工具
- **Jest** - 单元测试框架
- **ESLint** - 代码质量检查
- **Expo Dev Tools** - 开发调试工具

## 主要功能

- 📱 用户认证和注册
- 🗺️ 实时地图显示和路线规划
- 📍 当前位置定位
- 🚗 打车预订和价格计算
- 💳 安全支付处理
- 👤 用户资料管理
- 📱 响应式设计，支持多种设备

## 本地开发环境配置

1. **安装依赖**

   ```bash
   npm install
   ```

2. **启动开发服务器**

   ```bash
   npx expo start
   ```

3. **运行应用**
   - iOS模拟器: 按`i`
   - Android模拟器: 按`a`
   - Expo Go: 使用手机扫描二维码

## 项目结构

```
app/
├── (api)/          # API接口和服务
├── (root)/         # 主要路由和页面
├── components/     # 可复用组件
├── constants/      # 常量定义
├── hooks/          # 自定义Hooks
├── lib/            # 工具函数和库
└── store/          # 状态管理
```

## 贡献指南

1. Fork 项目
2. 创建特性分支 (`git checkout -b feature/AmazingFeature`)
3. 提交更改 (`git commit -m 'Add some AmazingFeature'`)
4. 推送到分支 (`git push origin feature/AmazingFeature`)
5. 开启Pull Request

## 开源协议

本项目基于 MIT 协议开源，详情请参阅 [LICENSE](LICENSE) 文件。




## 应用截图

### 启动页
![启动页](./showcase/spash.png)

### 引导页
![引导页1](./showcase/guide1.png)
![引导页2](./showcase/guide2.png)
![引导页3](./showcase/guide3.png)

### 首页
![首页](./showcase/index.png)
![首页功能](./showcase/index2.png)

### 登录页
![登录页](./showcase/login.png)
![登录页功能](./showcase/login2.png)

### 打车页面
![打车](./showcase/ride.png)
![行程详情](./showcase/ride2.png)

### 支付页面
![支付](./showcase/pay1.png)
![支付确认](./showcase/pay2.png)