tauri-app/README.md

Tauri 移动应用

这是一个使用Tauri和React构建的适配移动端的应用程序，提供了移动端友好的UI和交互体验。

功能特性

• 🎨 全新设计的移动友好界面
• 📱 响应式布局，支持手机、平板和桌面端
• 🌙 自动检测系统深色/浅色模式
• 🔄 左侧抽屉菜单（已移除底部导航栏）
• 📋 三个示例页面：首页、关于、设置
• 🚀 启动屏幕动画
• 🔒 防止移动端缩放和滚动问题
• ⚡ 针对触摸设备优化的交互

移动端适配

该项目包含以下移动端优化：

• 禁用页面缩放功能，解决双击放大问题
• 针对不同设备尺寸优化UI元素大小
• 优化触摸反馈和交互
• 防止iOS上的橡皮筋效果和滚动穿透

项目结构

src/
├── assets/            # 图片和资源文件
├── components/        # 可复用组件
│   └── SplashScreen.jsx      # 启动页
├── layouts/           # 布局组件
│   └── MainLayout.jsx        # 主布局（侧边栏+内容区）
├── pages/             # 页面组件
│   ├── AboutPage.jsx         # 关于页面
│   ├── HomePage.jsx          # 首页
│   └── SettingsPage.jsx      # 设置页面
├── App.css            # 全局样式
├── App.jsx            # 应用主入口
└── main.jsx           # React渲染入口

开发与构建指南

先决条件

• Node.js
• yarn 或 npm
• Rust
• Tauri CLI
• Android SDK和NDK（用于Android构建）

安装与开发

# 安装依赖
yarn

# 开发模式启动
yarn tauri dev

构建与部署

本项目支持多平台构建，包括Windows和Android平台。

Windows构建

# 构建Windows版本
yarn tauri build

Android构建

Android构建过程包括APK生成、签名和安装三个步骤，已通过yarn命令简化：

# 一键完成构建、签名和安装
yarn android:deploy

# 或者分步执行：

# 1. 仅构建APK
yarn android:build

# 2. 生成签名密钥（首次使用时执行）
yarn android:keygen

# 3. 签名APK
yarn android:sign

# 4. 安装到已连接的设备
yarn android:install

鸣谢

• Tauri - 跨平台应用开发框架
• React - 用户界面库
• Material UI - React组件库

支持与联系

如有问题，请联系开发团队。