add
This commit is contained in:
@@ -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
|
||||||
|
|||||||
@@ -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),
|
||||||
],
|
],
|
||||||
),
|
),
|
||||||
|
|||||||
Reference in New Issue
Block a user