initial
This commit is contained in:
430
lib/pages/home/home_page.dart
Normal file
430
lib/pages/home/home_page.dart
Normal file
@@ -0,0 +1,430 @@
|
||||
import 'package:flutter/material.dart';
|
||||
import '../../tool/gradientText.dart';
|
||||
// 注意:如果 UserPage, SongListPage 等只是作为内部卡片展示,不需要再 import 用于 Navigator push
|
||||
// 但如果其他卡片还需要跳转,保留 import 即可
|
||||
import '../user/userpage.dart';
|
||||
import '../songlistpage.dart';
|
||||
import '../scorelist.dart';
|
||||
import 'package:provider/provider.dart';
|
||||
import '../../providers/user_provider.dart';
|
||||
|
||||
class HomePage extends StatelessWidget {
|
||||
// ✅ 1. 添加回调函数参数
|
||||
final Function(int)? onSwitchTab;
|
||||
|
||||
const HomePage({super.key, this.onSwitchTab});
|
||||
|
||||
@override
|
||||
Widget build(BuildContext context) {
|
||||
final userProvider = context.watch<UserProvider>();
|
||||
|
||||
return Scaffold(
|
||||
backgroundColor: Colors.transparent,
|
||||
body: SafeArea(
|
||||
child: SingleChildScrollView(
|
||||
child: Column(
|
||||
crossAxisAlignment: CrossAxisAlignment.start,
|
||||
children: [
|
||||
// ====================== 顶部 Header ======================
|
||||
SizedBox(
|
||||
width: double.infinity,
|
||||
height: 100,
|
||||
child: Stack(
|
||||
children: [
|
||||
const Padding(
|
||||
padding: EdgeInsets.only(left: 30, top: 60),
|
||||
child: Text(
|
||||
"Tool",
|
||||
style: TextStyle(fontSize: 32, fontWeight: FontWeight.bold),
|
||||
),
|
||||
),
|
||||
Positioned(
|
||||
right: 20,
|
||||
top: 25,
|
||||
child: Row(
|
||||
children: [
|
||||
GradientText(
|
||||
data: userProvider.username,
|
||||
style: const TextStyle(fontSize: 19, fontWeight: FontWeight.bold),
|
||||
gradientLayers: [
|
||||
GradientLayer(
|
||||
gradient: const LinearGradient(
|
||||
colors: [Colors.pinkAccent, Colors.orangeAccent],
|
||||
),
|
||||
blendMode: BlendMode.srcIn,
|
||||
),
|
||||
],
|
||||
),
|
||||
const SizedBox(width: 8),
|
||||
ClipRRect(
|
||||
borderRadius: BorderRadius.circular(0), // 修正语法错误,原代码可能有误
|
||||
child: SizedBox(
|
||||
width: 54,
|
||||
height: 54,
|
||||
child: userProvider.avatarUrl.isNotEmpty
|
||||
? Image.network(
|
||||
userProvider.avatarUrl,
|
||||
fit: BoxFit.cover,
|
||||
)
|
||||
: Container(
|
||||
color: Colors.grey[200],
|
||||
child: const Icon(Icons.person, size: 30),
|
||||
),
|
||||
),
|
||||
)
|
||||
],
|
||||
),
|
||||
),
|
||||
],
|
||||
),
|
||||
),
|
||||
const SizedBox(height: 30),
|
||||
|
||||
// ====================== 横向卡片区域 ======================
|
||||
SizedBox(
|
||||
height: 180,
|
||||
child: SingleChildScrollView(
|
||||
scrollDirection: Axis.horizontal,
|
||||
padding: const EdgeInsets.symmetric(horizontal: 25, vertical: 10).copyWith(bottom: 30),
|
||||
child: Row(
|
||||
crossAxisAlignment: CrossAxisAlignment.start,
|
||||
children: [
|
||||
|
||||
// ✅ 2. 修改:用户中心 -> 切换到 Tab 3 (UserPage)
|
||||
_buildCardWithTitle(
|
||||
context: context,
|
||||
title: "用户中心",
|
||||
icon: Icons.person_outline,
|
||||
// 不再传递 targetPage,而是传递 targetIndex
|
||||
targetIndex: 3,
|
||||
gradient: const LinearGradient(
|
||||
colors: [Colors.black, Colors.grey],
|
||||
begin: Alignment.topLeft,
|
||||
end: Alignment.bottomRight,
|
||||
),
|
||||
shadowColor: Colors.black38,
|
||||
),
|
||||
const SizedBox(width: 20),
|
||||
|
||||
// 歌曲列表 (保持原有跳转逻辑或自行定义)
|
||||
_buildCardWithTitle(
|
||||
context: context,
|
||||
title: "歌曲列表",
|
||||
icon: Icons.music_note_outlined,
|
||||
targetPage: const SongListPage(), // 假设这个还是用 Push 跳转
|
||||
gradient: const LinearGradient(
|
||||
colors: [Color(0xFFff9a9e), Color(0xFFfecfef)],
|
||||
begin: Alignment.topLeft,
|
||||
end: Alignment.bottomRight,
|
||||
),
|
||||
shadowColor: const Color(0xFFff9a9e).withOpacity(0.6),
|
||||
),
|
||||
const SizedBox(width: 20),
|
||||
|
||||
// ✅ 3. 修改:成绩管理 -> 切换到 Tab 1 (ScorePage)
|
||||
_buildCardWithTitle(
|
||||
context: context,
|
||||
title: "成绩管理",
|
||||
icon: Icons.score,
|
||||
targetIndex: 1,
|
||||
gradient: const LinearGradient(
|
||||
colors: [Color(0xFF84fab0), Color(0xFF8fd3f4)],
|
||||
begin: Alignment.topLeft,
|
||||
end: Alignment.bottomRight,
|
||||
),
|
||||
shadowColor: const Color(0xFF84fab0).withOpacity(0.6),
|
||||
),
|
||||
const SizedBox(width: 20),
|
||||
|
||||
// 娱乐功能
|
||||
_buildCardWithTitle(
|
||||
context: context,
|
||||
title: "娱乐功能",
|
||||
icon: Icons.kebab_dining_sharp,
|
||||
targetPage: const ScoreListPage(),
|
||||
gradient: const LinearGradient(
|
||||
colors: [Colors.lightBlueAccent, Colors.blueAccent],
|
||||
begin: Alignment.topLeft,
|
||||
end: Alignment.bottomRight,
|
||||
),
|
||||
shadowColor: Colors.lightBlue.withOpacity(0.6),
|
||||
),
|
||||
const SizedBox(width: 20),
|
||||
|
||||
// 评分列表
|
||||
_buildCardWithTitle(
|
||||
context: context,
|
||||
title: "评分列表",
|
||||
icon: Icons.star,
|
||||
targetPage: const ScoreListPage(),
|
||||
gradient: const LinearGradient(
|
||||
colors: [Colors.redAccent, Colors.pinkAccent],
|
||||
begin: Alignment.topLeft,
|
||||
end: Alignment.bottomRight,
|
||||
),
|
||||
shadowColor: Colors.red.withOpacity(0.6),
|
||||
),
|
||||
const SizedBox(width: 20),
|
||||
],
|
||||
),
|
||||
),
|
||||
),
|
||||
|
||||
// ====================== 海报 ======================
|
||||
// 假设 PosterImage 是你自定义的一个 Widget
|
||||
const PosterImage(imageUrl: 'https://cdn.godserver.cn/post/post%20unionapp1.png'),
|
||||
const SizedBox(height: 20),
|
||||
|
||||
// ====================== 新增:用户数据展示卡片 ======================
|
||||
const _UserInfoCard(),
|
||||
const SizedBox(height: 30),
|
||||
],
|
||||
),
|
||||
),
|
||||
),
|
||||
);
|
||||
}
|
||||
|
||||
// ✅ 4. 修改构建方法,支持 targetIndex 和 targetPage 两种模式
|
||||
Widget _buildCardWithTitle({
|
||||
required BuildContext context,
|
||||
required String title,
|
||||
required IconData icon,
|
||||
int? targetIndex, // 新增:如果是切换 Tab,传这个
|
||||
Widget? targetPage, // 保留:如果是页面跳转,传这个
|
||||
required LinearGradient gradient,
|
||||
required Color shadowColor,
|
||||
}) {
|
||||
return Column(
|
||||
mainAxisSize: MainAxisSize.min,
|
||||
children: [
|
||||
GestureDetector(
|
||||
onTap: () {
|
||||
if (targetIndex != null && onSwitchTab != null) {
|
||||
// ✅ 执行 Tab 切换
|
||||
onSwitchTab!(targetIndex);
|
||||
} else if (targetPage != null) {
|
||||
// ✅ 执行页面跳转
|
||||
Navigator.push(
|
||||
context,
|
||||
MaterialPageRoute(builder: (context) => targetPage),
|
||||
);
|
||||
}
|
||||
},
|
||||
child: _buildCustomCardBody(
|
||||
gradient: gradient,
|
||||
shadowColor: shadowColor,
|
||||
icon: icon,
|
||||
),
|
||||
),
|
||||
const SizedBox(height: 12),
|
||||
Text(
|
||||
title,
|
||||
style: const TextStyle(
|
||||
fontSize: 14,
|
||||
fontWeight: FontWeight.w600,
|
||||
letterSpacing: 0.5,
|
||||
),
|
||||
textAlign: TextAlign.center,
|
||||
),
|
||||
],
|
||||
);
|
||||
}
|
||||
|
||||
Widget _buildCustomCardBody({
|
||||
required LinearGradient gradient,
|
||||
required Color shadowColor,
|
||||
required IconData icon,
|
||||
}) {
|
||||
return Container(
|
||||
width: 100,
|
||||
height: 100,
|
||||
decoration: BoxDecoration(
|
||||
gradient: gradient,
|
||||
borderRadius: BorderRadius.circular(24),
|
||||
boxShadow: [
|
||||
BoxShadow(
|
||||
color: shadowColor,
|
||||
blurRadius: 15,
|
||||
spreadRadius: 3,
|
||||
offset: const Offset(4, 6),
|
||||
),
|
||||
],
|
||||
),
|
||||
child: Center(
|
||||
child: Container(
|
||||
padding: const EdgeInsets.all(10),
|
||||
decoration: BoxDecoration(
|
||||
color: Colors.white.withOpacity(0.25),
|
||||
shape: BoxShape.circle,
|
||||
),
|
||||
child: Icon(
|
||||
icon,
|
||||
size: 36,
|
||||
color: Colors.white,
|
||||
),
|
||||
),
|
||||
),
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
// ====================== 新增:用户数据卡片组件 ======================
|
||||
class _UserInfoCard extends StatelessWidget {
|
||||
const _UserInfoCard();
|
||||
|
||||
@override
|
||||
Widget build(BuildContext context) {
|
||||
final userProvider = Provider.of<UserProvider>(context);
|
||||
|
||||
return Padding(
|
||||
// 内边距和海报完全一致,保证同宽
|
||||
padding: const EdgeInsets.symmetric(horizontal: 17.0),
|
||||
child: Container(
|
||||
width: double.infinity,
|
||||
decoration: BoxDecoration(
|
||||
borderRadius: BorderRadius.circular(10),
|
||||
color: Colors.white.withOpacity(0.8),
|
||||
boxShadow: [
|
||||
BoxShadow(
|
||||
color: Colors.pink.shade100,
|
||||
blurRadius: 4,
|
||||
offset: const Offset(0, 6),
|
||||
spreadRadius: 1,
|
||||
),
|
||||
],
|
||||
),
|
||||
padding: const EdgeInsets.all(20),
|
||||
child: Column(
|
||||
crossAxisAlignment: CrossAxisAlignment.start,
|
||||
children: [
|
||||
// 标题
|
||||
const Text(
|
||||
"当前用户信息",
|
||||
style: TextStyle(
|
||||
fontSize: 18,
|
||||
color: Colors.purpleAccent,
|
||||
fontWeight: FontWeight.bold,
|
||||
),
|
||||
),
|
||||
const Divider(height: 5, thickness: 1),
|
||||
const SizedBox(height: 6),
|
||||
|
||||
// 用户信息行
|
||||
Row(
|
||||
children: [
|
||||
// 头像
|
||||
ClipRRect(
|
||||
borderRadius: BorderRadius.circular(0),
|
||||
child: SizedBox(
|
||||
width: 60,
|
||||
height: 60,
|
||||
child: userProvider.avatarUrl.isNotEmpty
|
||||
? Image.network(
|
||||
userProvider.avatarUrl,
|
||||
fit: BoxFit.cover,
|
||||
)
|
||||
: Container(
|
||||
color: Colors.grey[200],
|
||||
child: const Icon(Icons.person, size: 30),
|
||||
),
|
||||
),
|
||||
),
|
||||
const SizedBox(width: 18),
|
||||
|
||||
// 文字信息
|
||||
Expanded(
|
||||
child: Column(
|
||||
crossAxisAlignment: CrossAxisAlignment.start,
|
||||
children: [
|
||||
GradientText(
|
||||
data:"用户名:${userProvider.username}",
|
||||
style: const TextStyle(fontSize: 16, fontWeight: FontWeight.bold),
|
||||
gradientLayers: [
|
||||
GradientLayer(
|
||||
gradient: const LinearGradient(
|
||||
colors: [Colors.blueAccent, Colors.green],
|
||||
),
|
||||
blendMode: BlendMode.srcIn,
|
||||
),
|
||||
],
|
||||
),
|
||||
|
||||
const SizedBox(height: 6),
|
||||
Text(
|
||||
userProvider.username == "未登录"
|
||||
? "状态:未登录"
|
||||
: "状态:已登录",
|
||||
style: TextStyle(
|
||||
fontSize: 14,
|
||||
color: userProvider.username == "未登录"
|
||||
? Colors.red
|
||||
: Colors.green,
|
||||
),
|
||||
),
|
||||
],
|
||||
),
|
||||
),
|
||||
],
|
||||
),
|
||||
],
|
||||
),
|
||||
),
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
class PosterImage extends StatelessWidget {
|
||||
final String imageUrl;
|
||||
|
||||
const PosterImage({Key? key, required this.imageUrl}) : super(key: key);
|
||||
|
||||
@override
|
||||
Widget build(BuildContext context) {
|
||||
return Padding(
|
||||
padding: const EdgeInsets.symmetric(horizontal: 20.0),
|
||||
child: ConstrainedBox(
|
||||
constraints: const BoxConstraints(
|
||||
maxWidth: 800,
|
||||
),
|
||||
child: Container(
|
||||
decoration: BoxDecoration(
|
||||
borderRadius: BorderRadius.circular(8),
|
||||
boxShadow: [
|
||||
BoxShadow(
|
||||
color: Colors.purpleAccent.withOpacity(0.14),
|
||||
blurRadius: 12,
|
||||
offset: const Offset(0, 10),
|
||||
spreadRadius: 10,
|
||||
),
|
||||
],
|
||||
),
|
||||
child: ClipRRect(
|
||||
borderRadius: BorderRadius.circular(8),
|
||||
child: Image.network(
|
||||
imageUrl,
|
||||
fit: BoxFit.cover,
|
||||
loadingBuilder: (context, child, loadingProgress) {
|
||||
if (loadingProgress == null) return child;
|
||||
return Center(
|
||||
child: CircularProgressIndicator(
|
||||
value: loadingProgress.expectedTotalBytes != null
|
||||
? loadingProgress.cumulativeBytesLoaded /
|
||||
loadingProgress.expectedTotalBytes!
|
||||
: null,
|
||||
),
|
||||
);
|
||||
},
|
||||
errorBuilder: (context, error, stackTrace) {
|
||||
return const Center(
|
||||
child: Icon(Icons.broken_image, size: 50, color: Colors.grey),
|
||||
);
|
||||
},
|
||||
),
|
||||
),
|
||||
),
|
||||
),
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
248
lib/pages/map_page.dart
Normal file
248
lib/pages/map_page.dart
Normal file
@@ -0,0 +1,248 @@
|
||||
import 'package:flutter/material.dart';
|
||||
import 'package:flutter_map/flutter_map.dart';
|
||||
import 'package:latlong2/latlong.dart';
|
||||
import 'package:geolocator/geolocator.dart';
|
||||
import 'package:geocoding/geocoding.dart';
|
||||
|
||||
class MapPage extends StatefulWidget {
|
||||
const MapPage({super.key});
|
||||
|
||||
@override
|
||||
State<MapPage> createState() => _MapPageState();
|
||||
}
|
||||
|
||||
class _MapPageState extends State<MapPage> {
|
||||
// 默认中心点(北京)
|
||||
LatLng _currentPosition = const LatLng(39.9042, 116.4074);
|
||||
String _address = "正在加载地址...";
|
||||
bool _isLoading = false;
|
||||
|
||||
// 地图控制器
|
||||
final MapController _mapController = MapController();
|
||||
|
||||
@override
|
||||
void initState() {
|
||||
super.initState();
|
||||
_getCurrentLocation();
|
||||
}
|
||||
|
||||
// 1. 获取当前位置并解析地址
|
||||
Future<void> _getCurrentLocation() async {
|
||||
setState(() {
|
||||
_isLoading = true;
|
||||
_address = "正在检查权限...";
|
||||
});
|
||||
|
||||
try {
|
||||
// 1. 检查服务是否开启
|
||||
bool serviceEnabled = await Geolocator.isLocationServiceEnabled();
|
||||
if (!serviceEnabled) {
|
||||
setState(() {
|
||||
_address = "请在系统设置中开启‘定位服务’总开关";
|
||||
_isLoading = false;
|
||||
});
|
||||
return;
|
||||
}
|
||||
|
||||
// 2. 检查权限
|
||||
LocationPermission permission = await Geolocator.checkPermission();
|
||||
|
||||
// 如果权限被拒绝,尝试请求
|
||||
if (permission == LocationPermission.denied) {
|
||||
setState(() {
|
||||
_address = "正在请求权限...";
|
||||
});
|
||||
|
||||
// 🔑 注意:macOS 上这行可能不会弹窗,而是直接返回 denied
|
||||
permission = await Geolocator.requestPermission();
|
||||
|
||||
if (permission == LocationPermission.denied) {
|
||||
setState(() {
|
||||
_address = "权限被拒绝。请去【系统设置->隐私->定位】中手动开启本App权限。";
|
||||
_isLoading = false;
|
||||
});
|
||||
return;
|
||||
}
|
||||
}
|
||||
|
||||
if (permission == LocationPermission.deniedForever) {
|
||||
setState(() {
|
||||
_address = "权限被永久拒绝,请在系统设置中手动开启。";
|
||||
_isLoading = false;
|
||||
});
|
||||
return;
|
||||
}
|
||||
|
||||
// 3. 获取位置
|
||||
setState(() {
|
||||
_address = "正在获取坐标...";
|
||||
});
|
||||
|
||||
// 🔑 添加超时限制,防止卡死
|
||||
Position position = await Geolocator.getCurrentPosition(
|
||||
desiredAccuracy: LocationAccuracy.high,
|
||||
timeLimit: const Duration(seconds: 15),
|
||||
).timeout(
|
||||
const Duration(seconds: 15),
|
||||
onTimeout: () {
|
||||
throw Exception("定位超时,请检查网络连接或移动到有信号的地方");
|
||||
},
|
||||
);
|
||||
|
||||
LatLng newPos = LatLng(position.latitude, position.longitude);
|
||||
_mapController.move(newPos, 15.0);
|
||||
|
||||
setState(() {
|
||||
_currentPosition = newPos;
|
||||
});
|
||||
|
||||
await _getAddressFromLatLng(newPos);
|
||||
|
||||
} catch (e) {
|
||||
debugPrint("定位错误详情: $e");
|
||||
setState(() {
|
||||
_address = "定位失败: ${e.toString()}";
|
||||
_isLoading = false;
|
||||
});
|
||||
}
|
||||
}
|
||||
// 2. 逆地理编码:经纬度 -> 文字地址
|
||||
Future<void> _getAddressFromLatLng(LatLng position) async {
|
||||
try {
|
||||
List<Placemark> placemarks = await placemarkFromCoordinates(
|
||||
position.latitude,
|
||||
position.longitude,
|
||||
);
|
||||
|
||||
if (placemarks.isNotEmpty) {
|
||||
Placemark place = placemarks[0];
|
||||
setState(() {
|
||||
// 组合地址:省 + 市 + 区 + 街道
|
||||
_address = "${place.street ?? ""}, ${place.locality ?? ""}, ${place.administrativeArea ?? ""}";
|
||||
});
|
||||
}
|
||||
} catch (e) {
|
||||
setState(() {
|
||||
_address = "地址解析失败";
|
||||
});
|
||||
}
|
||||
}
|
||||
|
||||
@override
|
||||
Widget build(BuildContext context) {
|
||||
return Scaffold(
|
||||
backgroundColor: Colors.transparent, // 保持透明,透出玻璃效果
|
||||
body: Stack(
|
||||
children: [
|
||||
// --- 底层:地图 ---
|
||||
// --- 底层:地图 ---
|
||||
FlutterMap(
|
||||
mapController: _mapController,
|
||||
options: MapOptions(
|
||||
initialCenter: _currentPosition,
|
||||
initialZoom: 13.0,
|
||||
// 🔑 添加交互标志,确保地图能响应鼠标拖拽
|
||||
interactionOptions: const InteractionOptions(
|
||||
flags: InteractiveFlag.all,
|
||||
),
|
||||
),
|
||||
children: [
|
||||
TileLayer(
|
||||
// ✅ 替换为 CartoDB 浅色主题(速度快,无需Key)
|
||||
urlTemplate: 'https://{s}.basemaps.cartocdn.com/light_all/{z}/{x}/{y}{r}.png',
|
||||
subdomains: ['a', 'b', 'c', 'd'],
|
||||
userAgentPackageName: 'com.example.app',
|
||||
// 🔑 添加错误监听,看看是不是还有网络问题
|
||||
errorTileCallback: (tile, error, stackTrace) {
|
||||
debugPrint('地图瓦片加载错误: $error');
|
||||
},
|
||||
),
|
||||
MarkerLayer(
|
||||
markers: [
|
||||
Marker(
|
||||
width: 80.0,
|
||||
height: 80.0,
|
||||
point: _currentPosition,
|
||||
child: const Icon(
|
||||
Icons.location_pin,
|
||||
color: Colors.red,
|
||||
size: 40,
|
||||
),
|
||||
),
|
||||
],
|
||||
),
|
||||
],
|
||||
),
|
||||
|
||||
// --- 顶层:UI 控件 ---
|
||||
|
||||
// 1. 顶部地址卡片 (玻璃风格)
|
||||
Positioned(
|
||||
top: 50,
|
||||
left: 20,
|
||||
right: 20,
|
||||
child: Container(
|
||||
padding: const EdgeInsets.all(16),
|
||||
decoration: BoxDecoration(
|
||||
color: Colors.white.withOpacity(0.85), // 半透明白
|
||||
borderRadius: BorderRadius.circular(16),
|
||||
boxShadow: [
|
||||
BoxShadow(
|
||||
color: Colors.black.withOpacity(0.1),
|
||||
blurRadius: 10,
|
||||
offset: const Offset(0, 5),
|
||||
),
|
||||
],
|
||||
),
|
||||
child: Row(
|
||||
children: [
|
||||
const Icon(Icons.place, color: Colors.blueAccent),
|
||||
const SizedBox(width: 10),
|
||||
Expanded(
|
||||
child: Column(
|
||||
crossAxisAlignment: CrossAxisAlignment.start,
|
||||
children: [
|
||||
const Text(
|
||||
"当前位置",
|
||||
style: TextStyle(fontSize: 12, color: Colors.grey),
|
||||
),
|
||||
const SizedBox(height: 4),
|
||||
Text(
|
||||
_address,
|
||||
style: const TextStyle(
|
||||
fontSize: 16,
|
||||
fontWeight: FontWeight.bold,
|
||||
color: Colors.black87,
|
||||
),
|
||||
maxLines: 2,
|
||||
overflow: TextOverflow.ellipsis,
|
||||
),
|
||||
],
|
||||
),
|
||||
),
|
||||
if (_isLoading)
|
||||
const SizedBox(
|
||||
width: 20,
|
||||
height: 20,
|
||||
child: CircularProgressIndicator(strokeWidth: 2),
|
||||
),
|
||||
],
|
||||
),
|
||||
),
|
||||
),
|
||||
|
||||
// 2. 右下角定位按钮
|
||||
Positioned(
|
||||
bottom: 100, // 留出底部导航栏的空间
|
||||
right: 20,
|
||||
child: FloatingActionButton(
|
||||
onPressed: _getCurrentLocation,
|
||||
backgroundColor: Colors.white,
|
||||
child: const Icon(Icons.my_location, color: Colors.blue),
|
||||
),
|
||||
),
|
||||
],
|
||||
),
|
||||
);
|
||||
}
|
||||
}
|
||||
1351
lib/pages/score/score_page.dart
Normal file
1351
lib/pages/score/score_page.dart
Normal file
File diff suppressed because it is too large
Load Diff
15
lib/pages/scorelist.dart
Normal file
15
lib/pages/scorelist.dart
Normal file
@@ -0,0 +1,15 @@
|
||||
import 'package:flutter/material.dart';
|
||||
|
||||
class ScoreListPage extends StatelessWidget {
|
||||
const ScoreListPage({super.key});
|
||||
|
||||
@override
|
||||
Widget build(BuildContext context) {
|
||||
return Scaffold(
|
||||
appBar: AppBar(title: const Text("评分列表")),
|
||||
body: const Center(
|
||||
child: Text("评分列表页面 - 可自由编写 UI", style: TextStyle(fontSize: 22)),
|
||||
),
|
||||
);
|
||||
}
|
||||
}
|
||||
31
lib/pages/setting_page.dart
Normal file
31
lib/pages/setting_page.dart
Normal file
@@ -0,0 +1,31 @@
|
||||
import 'package:flutter/material.dart';
|
||||
|
||||
class SettingPage extends StatelessWidget {
|
||||
const SettingPage({super.key});
|
||||
|
||||
@override
|
||||
Widget build(BuildContext context) {
|
||||
return Scaffold(
|
||||
// 注意:这里不需要 bottomNavigationBar 了,因为外层已经有了
|
||||
backgroundColor: Colors.transparent, // 关键:背景透明,透出玻璃效果
|
||||
body: CustomScrollView(
|
||||
slivers: [
|
||||
SliverAppBar.large(
|
||||
title: const Text('首页'),
|
||||
floating: true,
|
||||
backgroundColor: Colors.blueAccent.withOpacity(0.8),
|
||||
),
|
||||
SliverList(
|
||||
delegate: SliverChildBuilderDelegate(
|
||||
(context, index) => ListTile(
|
||||
title: Text('列表项 $index'),
|
||||
leading: const Icon(Icons.article),
|
||||
),
|
||||
childCount: 20,
|
||||
),
|
||||
),
|
||||
],
|
||||
),
|
||||
);
|
||||
}
|
||||
}
|
||||
15
lib/pages/songlistpage.dart
Normal file
15
lib/pages/songlistpage.dart
Normal file
@@ -0,0 +1,15 @@
|
||||
import 'package:flutter/material.dart';
|
||||
|
||||
class SongListPage extends StatelessWidget {
|
||||
const SongListPage({super.key});
|
||||
|
||||
@override
|
||||
Widget build(BuildContext context) {
|
||||
return Scaffold(
|
||||
appBar: AppBar(title: const Text("歌曲列表")),
|
||||
body: const Center(
|
||||
child: Text("歌曲列表页面 - 可自由编写 UI", style: TextStyle(fontSize: 22)),
|
||||
),
|
||||
);
|
||||
}
|
||||
}
|
||||
317
lib/pages/user/login_page.dart
Normal file
317
lib/pages/user/login_page.dart
Normal file
@@ -0,0 +1,317 @@
|
||||
import 'package:flutter/material.dart';
|
||||
import 'package:provider/provider.dart';
|
||||
import '../../providers/user_provider.dart';
|
||||
|
||||
class LoginPage extends StatefulWidget {
|
||||
const LoginPage({super.key});
|
||||
|
||||
@override
|
||||
State<LoginPage> createState() => _LoginPageState();
|
||||
}
|
||||
|
||||
class _LoginPageState extends State<LoginPage> {
|
||||
bool isRegisterMode = false;
|
||||
bool isLoading = false;
|
||||
|
||||
final usernameController = TextEditingController();
|
||||
final passwordController = TextEditingController();
|
||||
final inviterController = TextEditingController();
|
||||
String errorMessage = '';
|
||||
|
||||
// 定义主题粉色
|
||||
static const _pinkColor = Color(0xFFFFC0D6);
|
||||
|
||||
Future <void> submit() async {
|
||||
// 基本验证
|
||||
if (usernameController.text.trim().isEmpty || passwordController.text.trim().isEmpty) {
|
||||
setState(() => errorMessage = '用户名和密码不能为空');
|
||||
return;
|
||||
}
|
||||
|
||||
setState(() {
|
||||
isLoading = true;
|
||||
errorMessage = '';
|
||||
});
|
||||
|
||||
final userProvider = Provider.of<UserProvider>(context, listen: false);
|
||||
|
||||
try {
|
||||
if (isRegisterMode) {
|
||||
await userProvider.register(
|
||||
usernameController.text.trim(),
|
||||
passwordController.text.trim(),
|
||||
inviterController.text.trim(),
|
||||
);
|
||||
} else {
|
||||
await userProvider.login(
|
||||
usernameController.text.trim(),
|
||||
passwordController.text.trim(),
|
||||
);
|
||||
}
|
||||
|
||||
if (mounted) {
|
||||
Navigator.of(context).pop();
|
||||
}
|
||||
} catch (e) {
|
||||
if (mounted) {
|
||||
setState(() => errorMessage = e.toString().replaceAll('Exception: ', ''));
|
||||
}
|
||||
} finally {
|
||||
if (mounted) {
|
||||
setState(() => isLoading = false);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@override
|
||||
void dispose() {
|
||||
usernameController.dispose();
|
||||
passwordController.dispose();
|
||||
inviterController.dispose();
|
||||
super.dispose();
|
||||
}
|
||||
|
||||
@override
|
||||
Widget build(BuildContext context) {
|
||||
final theme = Theme.of(context);
|
||||
final isDark = theme.brightness == Brightness.dark;
|
||||
|
||||
return Scaffold(
|
||||
backgroundColor: isDark ? Colors.black : Colors.white,
|
||||
appBar: AppBar(
|
||||
title: Text(isRegisterMode ? '创建账号' : '欢迎回来'),
|
||||
centerTitle: true,
|
||||
elevation: 0,
|
||||
backgroundColor: Colors.transparent,
|
||||
),
|
||||
body: Container(
|
||||
decoration: BoxDecoration(
|
||||
gradient: LinearGradient(
|
||||
begin: Alignment.topCenter,
|
||||
end: Alignment.bottomCenter,
|
||||
colors: isDark
|
||||
? [Colors.black, Colors.grey[900]!]
|
||||
: [Colors.white, Colors.grey[50]!],
|
||||
),
|
||||
),
|
||||
alignment: Alignment.center,
|
||||
padding: const EdgeInsets.all(24),
|
||||
child: Transform.translate(
|
||||
offset: const Offset(0, -30),
|
||||
child: SingleChildScrollView(
|
||||
child: ConstrainedBox(
|
||||
constraints: const BoxConstraints(maxWidth: 400),
|
||||
child: Card(
|
||||
elevation: 8,
|
||||
shadowColor: _pinkColor.withOpacity(0.3),
|
||||
shape: RoundedRectangleBorder(
|
||||
borderRadius: BorderRadius.circular(20),
|
||||
),
|
||||
color: isDark ? Colors.grey[850] : Colors.white,
|
||||
child: Padding(
|
||||
padding: const EdgeInsets.symmetric(horizontal: 24, vertical: 32),
|
||||
child: Column(
|
||||
mainAxisSize: MainAxisSize.min,
|
||||
children: [
|
||||
// 头像/图标区域 - 已修改为黑白粉主题
|
||||
Container(
|
||||
padding: const EdgeInsets.all(20),
|
||||
decoration: BoxDecoration(
|
||||
color: _pinkColor.withOpacity(0.15),
|
||||
shape: BoxShape.circle,
|
||||
),
|
||||
child: Icon(
|
||||
// 更换为更美观的人物头像类图标
|
||||
isRegisterMode ? Icons.person_add_rounded : Icons.person_rounded,
|
||||
size: 48,
|
||||
color: _pinkColor,
|
||||
),
|
||||
),
|
||||
const SizedBox(height: 24),
|
||||
|
||||
Text(
|
||||
isRegisterMode ? '注册新账号' : '账号登录',
|
||||
style: TextStyle(
|
||||
fontSize: 24,
|
||||
fontWeight: FontWeight.bold,
|
||||
color: isDark ? Colors.white : Colors.black87,
|
||||
),
|
||||
),
|
||||
const SizedBox(height: 8),
|
||||
Text(
|
||||
isRegisterMode ? '请填写以下信息' : '请输入您的凭证以继续',
|
||||
style: TextStyle(
|
||||
fontSize: 14,
|
||||
color: isDark ? Colors.grey[400] : Colors.grey[600],
|
||||
),
|
||||
textAlign: TextAlign.center,
|
||||
),
|
||||
|
||||
const SizedBox(height: 24),
|
||||
|
||||
if (errorMessage.isNotEmpty)
|
||||
Container(
|
||||
width: double.infinity,
|
||||
padding: const EdgeInsets.all(12),
|
||||
margin: const EdgeInsets.only(bottom: 16),
|
||||
decoration: BoxDecoration(
|
||||
color: Colors.red.withOpacity(0.1),
|
||||
borderRadius: BorderRadius.circular(8),
|
||||
border: Border.all(color: Colors.red.withOpacity(0.3)),
|
||||
),
|
||||
child: Row(
|
||||
children: [
|
||||
const Icon(Icons.error_outline, color: Colors.red, size: 20),
|
||||
const SizedBox(width: 8),
|
||||
Expanded(
|
||||
child: Text(
|
||||
errorMessage,
|
||||
style: const TextStyle(color: Colors.red, fontSize: 13),
|
||||
),
|
||||
),
|
||||
],
|
||||
),
|
||||
),
|
||||
|
||||
// 用户名输入框
|
||||
TextField(
|
||||
controller: usernameController,
|
||||
enabled: !isLoading,
|
||||
decoration: InputDecoration(
|
||||
labelText: '用户名',
|
||||
prefixIcon: const Icon(Icons.person_outline, color: _pinkColor),
|
||||
border: OutlineInputBorder(
|
||||
borderRadius: BorderRadius.circular(12),
|
||||
borderSide: const BorderSide(color: _pinkColor),
|
||||
),
|
||||
enabledBorder: OutlineInputBorder(
|
||||
borderRadius: BorderRadius.circular(12),
|
||||
borderSide: BorderSide(color: _pinkColor.withOpacity(0.5)),
|
||||
),
|
||||
focusedBorder: OutlineInputBorder(
|
||||
borderRadius: BorderRadius.circular(12),
|
||||
borderSide: const BorderSide(color: _pinkColor, width: 2),
|
||||
),
|
||||
filled: true,
|
||||
fillColor: isDark ? Colors.grey[800] : Colors.grey[50],
|
||||
),
|
||||
),
|
||||
const SizedBox(height: 16),
|
||||
|
||||
// 密码输入框
|
||||
TextField(
|
||||
controller: passwordController,
|
||||
obscureText: true,
|
||||
enabled: !isLoading,
|
||||
decoration: InputDecoration(
|
||||
labelText: isRegisterMode ? '设置密码' : '密码 / TOTP验证码',
|
||||
prefixIcon: const Icon(Icons.lock_outline, color: _pinkColor),
|
||||
border: OutlineInputBorder(
|
||||
borderRadius: BorderRadius.circular(12),
|
||||
borderSide: const BorderSide(color: _pinkColor),
|
||||
),
|
||||
enabledBorder: OutlineInputBorder(
|
||||
borderRadius: BorderRadius.circular(12),
|
||||
borderSide: BorderSide(color: _pinkColor.withOpacity(0.5)),
|
||||
),
|
||||
focusedBorder: OutlineInputBorder(
|
||||
borderRadius: BorderRadius.circular(12),
|
||||
borderSide: const BorderSide(color: _pinkColor, width: 2),
|
||||
),
|
||||
filled: true,
|
||||
fillColor: isDark ? Colors.grey[800] : Colors.grey[50],
|
||||
),
|
||||
),
|
||||
|
||||
if (isRegisterMode) ...[
|
||||
const SizedBox(height: 16),
|
||||
TextField(
|
||||
controller: inviterController,
|
||||
enabled: !isLoading,
|
||||
decoration: InputDecoration(
|
||||
labelText: '邀请人 ID (可选)',
|
||||
prefixIcon: const Icon(Icons.card_giftcard_outlined, color: _pinkColor),
|
||||
border: OutlineInputBorder(
|
||||
borderRadius: BorderRadius.circular(12),
|
||||
borderSide: const BorderSide(color: _pinkColor),
|
||||
),
|
||||
enabledBorder: OutlineInputBorder(
|
||||
borderRadius: BorderRadius.circular(12),
|
||||
borderSide: BorderSide(color: _pinkColor.withOpacity(0.5)),
|
||||
),
|
||||
focusedBorder: OutlineInputBorder(
|
||||
borderRadius: BorderRadius.circular(12),
|
||||
borderSide: const BorderSide(color: _pinkColor, width: 2),
|
||||
),
|
||||
filled: true,
|
||||
fillColor: isDark ? Colors.grey[800] : Colors.grey[50],
|
||||
),
|
||||
),
|
||||
],
|
||||
|
||||
const SizedBox(height: 24),
|
||||
|
||||
// 登录/注册按钮
|
||||
SizedBox(
|
||||
width: double.infinity,
|
||||
height: 50,
|
||||
child: ElevatedButton(
|
||||
onPressed: isLoading ? null : submit,
|
||||
style: ElevatedButton.styleFrom(
|
||||
backgroundColor: _pinkColor,
|
||||
foregroundColor: Colors.black,
|
||||
elevation: 2,
|
||||
shape: RoundedRectangleBorder(
|
||||
borderRadius: BorderRadius.circular(12),
|
||||
),
|
||||
),
|
||||
child: isLoading
|
||||
? const SizedBox(
|
||||
height: 20,
|
||||
width: 20,
|
||||
child: CircularProgressIndicator(
|
||||
strokeWidth: 2,
|
||||
valueColor: AlwaysStoppedAnimation<Color>(Colors.black),
|
||||
),
|
||||
)
|
||||
: Text(
|
||||
isRegisterMode ? '立即注册' : '登录',
|
||||
style: const TextStyle(fontSize: 16, fontWeight: FontWeight.w600),
|
||||
),
|
||||
),
|
||||
),
|
||||
|
||||
const SizedBox(height: 16),
|
||||
|
||||
// 切换登录/注册
|
||||
TextButton(
|
||||
onPressed: isLoading
|
||||
? null
|
||||
: () {
|
||||
setState(() {
|
||||
isRegisterMode = !isRegisterMode;
|
||||
errorMessage = '';
|
||||
});
|
||||
},
|
||||
child: Text(
|
||||
isRegisterMode
|
||||
? '已有账号?去登录'
|
||||
: '没有账号?去注册',
|
||||
style: const TextStyle(
|
||||
color: _pinkColor,
|
||||
fontWeight: FontWeight.w500,
|
||||
fontSize: 14,
|
||||
),
|
||||
),
|
||||
),
|
||||
],
|
||||
),
|
||||
),
|
||||
),
|
||||
),
|
||||
),
|
||||
),
|
||||
),
|
||||
);
|
||||
}
|
||||
}
|
||||
1626
lib/pages/user/userpage.dart
Normal file
1626
lib/pages/user/userpage.dart
Normal file
File diff suppressed because it is too large
Load Diff
Reference in New Issue
Block a user