- 添加 180° 旋转动画效果 - 使用 CurvedAnimation 实现平滑过渡 - 动画时长 300ms,使用 easeInOut 曲线 - 提升用户体验,交互更流畅自然
Flutter Monisuo - 虚拟货币模拟交易平台
项目概述
Flutter 版本的模拟所 APP,支持 Android、iOS 平台。
项目结构
flutter_monisuo/
├── lib/
│ ├── main.dart # 应用入口
│ ├── core/ # 核心模块
│ │ ├── constants/ # 颜色、API端点常量
│ │ ├── theme/ # 主题配置
│ │ ├── network/ # Dio 网络封装
│ │ └── storage/ # SharedPreferences
│ ├── data/
│ │ ├── models/ # 数据模型
│ │ └── services/ # API 服务
│ ├── providers/ # 状态管理
│ └── ui/
│ ├── common/ # 公共组件
│ └── pages/ # 页面
│ ├── auth/ # 登录/注册
│ ├── home/ # 首页
│ ├── market/ # 行情
│ ├── trade/ # 交易
│ ├── asset/ # 资产
│ └── mine/ # 我的
├── assets/ # 资源文件
└── pubspec.yaml # 依赖配置
功能模块
用户模块
- 用户登录
- 用户注册
- 用户信息
- 退出登录
行情模块
- 币种列表
- 币种搜索
- 实时价格
交易模块
- 买入/卖出
- 交易记录
- 持仓管理
资产模块
- 资产总览
- 资金账户
- 交易账户
- 充值/提现/划转
技术栈
- Flutter 3.x
- Provider (状态管理)
- Dio (网络请求)
- SharedPreferences (本地存储)
运行项目
前置条件
- Flutter SDK 已安装
- Android Studio / VS Code
运行步骤
# 1. 进入项目目录
cd flutter_monisuo
# 2. 获取依赖
flutter pub get
# 3. 运行项目
flutter run
# 或者指定平台
flutter run -d android # Android
flutter run -d chrome # Chrome (Web)
API 配置
API 基础地址配置在 lib/core/constants/api_endpoints.dart:
static const String baseUrl = 'http://8.155.172.147:5010';
主题色
- 主色:
#00D4AA - 涨色:
#00C853 - 跌色:
#FF5252 - 背景:
#1A1A2E
作者
Monisuo Team