This commit is contained in:
vipg
2025-11-15 16:38:13 +08:00
parent caa3ca2a81
commit b7cb6b247b
2 changed files with 67 additions and 8 deletions

View File

@@ -30,7 +30,7 @@ class MyApp extends StatelessWidget {
brightness: Brightness.dark, brightness: Brightness.dark,
colorScheme: ColorScheme.dark( colorScheme: ColorScheme.dark(
primary: const Color(0xFF0070F3), // 主色调:深蓝色 primary: const Color(0xFF0070F3), // 主色调:深蓝色
secondary: const Color(0xFF64FFDA), // 辅助色:亮青 secondary: const Color(0xFF38B2AC), // 沉稳的绿松石
// 将 background 替换为 surface // 将 background 替换为 surface
surface: const Color(0xFF0F172A), // 背景色:深灰蓝 surface: const Color(0xFF0F172A), // 背景色:深灰蓝
// 使用 surfaceContainerHighest 替代 deprecated 的 surfaceVariant // 使用 surfaceContainerHighest 替代 deprecated 的 surfaceVariant

View File

@@ -1,4 +1,5 @@
import 'package:flutter/material.dart'; import 'package:flutter/material.dart';
import 'package:flutter/services.dart'; // 如需退出应用可能需要
class HomePage extends StatelessWidget { class HomePage extends StatelessWidget {
// 功能列表数据 // 功能列表数据
@@ -15,23 +16,77 @@ class HomePage extends StatelessWidget {
HomePage({super.key}); HomePage({super.key});
// 退出登录方法
void _logout(BuildContext context) async {
// 显示确认对话框
final result = await showDialog(
context: context,
builder: (context) => AlertDialog(
title: const Text('退出登录'),
content: const Text('确定要退出当前账号吗?'),
actions: [
TextButton(
onPressed: () => Navigator.pop(context, false),
child: const Text('取消'),
),
TextButton(
onPressed: () => Navigator.pop(context, true),
child: const Text('确定'),
),
],
),
);
// 如果用户确认退出
if (result == true) {
// 这里可以添加清除用户登录状态的逻辑
// 例如清除本地存储的token等
// 返回登录页面(假设登录页路由为'/login'
// 替换当前导航栈,避免返回时回到主页
Navigator.pushReplacementNamed(context, '/login');
// 如果需要完全退出应用,可以使用:
// SystemNavigator.pop();
}
}
@override @override
Widget build(BuildContext context) { Widget build(BuildContext context) {
final theme = Theme.of(context); final theme = Theme.of(context);
return Scaffold( return Scaffold(
// 适配主题的AppBar
appBar: AppBar( appBar: AppBar(
title: const Text('功能列表'), title: const Text('功能列表'),
centerTitle: true, centerTitle: true,
elevation: 4, elevation: 4,
shadowColor: Colors.black12, shadowColor: Colors.black12,
backgroundColor: theme.colorScheme.surfaceContainerHighest,
// 移除左上角返回按钮
automaticallyImplyLeading: false,
// 右上角添加退出登录按钮
actions: [
TextButton(
onPressed: () => _logout(context),
child: Text(
'退出登录',
style: TextStyle(
color: theme.colorScheme.onSurface,
fontSize: 16,
), ),
),
),
const SizedBox(width: 8), // 右侧间距
],
),
// 使用主题背景色
body: Container( body: Container(
color: theme.scaffoldBackgroundColor, color: theme.colorScheme.surface,
child: ListView.separated( child: ListView.separated(
padding: const EdgeInsets.symmetric(vertical: 8), padding: const EdgeInsets.symmetric(vertical: 8),
itemCount: features.length, itemCount: features.length,
// 添加分割线 // 分割线样式优化,使用主题中的分割色
separatorBuilder: (context, index) => Divider( separatorBuilder: (context, index) => Divider(
height: 1, height: 1,
thickness: 1, thickness: 1,
@@ -66,31 +121,35 @@ class HomePage extends StatelessWidget {
// 可以添加点击事件 // 可以添加点击事件
}, },
borderRadius: BorderRadius.circular(8), borderRadius: BorderRadius.circular(8),
// 点击水波纹颜色使用主题主色的透明版本
splashColor: theme.colorScheme.primary.withOpacity(0.1),
highlightColor: theme.colorScheme.primary.withOpacity(0.05),
child: Container( child: Container(
height: 64, height: 64,
padding: const EdgeInsets.symmetric(horizontal: 16), padding: const EdgeInsets.symmetric(horizontal: 16),
child: Row( child: Row(
children: [ children: [
// 图标容器 // 图标容器 - 使用主题中的表面容器色
Container( Container(
width: 40, width: 40,
height: 40, height: 40,
decoration: BoxDecoration( decoration: BoxDecoration(
color: theme.primaryColor.withOpacity(0.1), color: theme.colorScheme.surfaceContainerHighest,
borderRadius: BorderRadius.circular(8), borderRadius: BorderRadius.circular(8),
), ),
child: Icon(icon, size: 24, color: theme.primaryColor), child: Icon(icon, size: 24, color: theme.colorScheme.secondary),
), ),
const SizedBox(width: 16), const SizedBox(width: 16),
// 标题 // 标题 - 使用主题文本样式
Text( Text(
title, title,
style: theme.textTheme.titleMedium?.copyWith( style: theme.textTheme.titleMedium?.copyWith(
fontWeight: FontWeight.w500, fontWeight: FontWeight.w500,
color: theme.colorScheme.onSurface,
), ),
), ),
const Spacer(), const Spacer(),
// 箭头图标,指示可点击 // 箭头图标 - 使用主题提示色
Icon(Icons.arrow_forward_ios, size: 18, color: theme.hintColor), Icon(Icons.arrow_forward_ios, size: 18, color: theme.hintColor),
], ],
), ),