This commit is contained in:
vipg
2025-11-15 16:43:46 +08:00
parent d6bb904e64
commit 8c73afd3aa

View File

@@ -1,5 +1,5 @@
import 'package:flutter/material.dart'; import 'package:flutter/material.dart';
import 'package:flutter/services.dart'; // 如需退出应用可能需要 import 'package:flutter/services.dart';
class HomePage extends StatelessWidget { class HomePage extends StatelessWidget {
// 功能列表数据 // 功能列表数据
@@ -12,13 +12,17 @@ class HomePage extends StatelessWidget {
{'icon': Icons.settings, 'title': '设置'}, {'icon': Icons.settings, 'title': '设置'},
{'icon': Icons.help, 'title': '帮助中心'}, {'icon': Icons.help, 'title': '帮助中心'},
{'icon': Icons.share, 'title': '分享'}, {'icon': Icons.share, 'title': '分享'},
// 可以添加更多项测试滚动
{'icon': Icons.accessibility, 'title': '无障碍'},
{'icon': Icons.add_alert, 'title': '提醒'},
{'icon': Icons.book, 'title': '书籍'},
{'icon': Icons.camera, 'title': '相机'},
]; ];
HomePage({super.key}); HomePage({super.key});
// 退出登录方法 // 退出登录方法
void _logout(BuildContext context) async { void _logout(BuildContext context) async {
// 显示确认对话框
final result = await showDialog( final result = await showDialog(
context: context, context: context,
builder: (context) => AlertDialog( builder: (context) => AlertDialog(
@@ -37,17 +41,9 @@ class HomePage extends StatelessWidget {
), ),
); );
// 如果用户确认退出
if (result == true) { if (result == true) {
// 这里可以添加清除用户登录状态的逻辑 // 清除用户登录状态的逻辑
// 例如清除本地存储的token等
// 返回登录页面(假设登录页路由为'/login'
// 替换当前导航栈,避免返回时回到主页
Navigator.pushReplacementNamed(context, '/login'); Navigator.pushReplacementNamed(context, '/login');
// 如果需要完全退出应用,可以使用:
// SystemNavigator.pop();
} }
} }
@@ -56,16 +52,13 @@ class HomePage extends StatelessWidget {
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, backgroundColor: theme.colorScheme.surfaceContainerHighest,
// 移除左上角返回按钮
automaticallyImplyLeading: false, automaticallyImplyLeading: false,
// 右上角添加退出登录按钮
actions: [ actions: [
TextButton( TextButton(
onPressed: () => _logout(context), onPressed: () => _logout(context),
@@ -77,40 +70,46 @@ class HomePage extends StatelessWidget {
), ),
), ),
), ),
const SizedBox(width: 8), // 右侧间距 const SizedBox(width: 8),
], ],
), ),
// 使用主题背景色 // 使用SafeArea确保内容在安全区域内
body: Container( body: SafeArea(
color: theme.colorScheme.surface, // 使用Expanded确保ListView获得足够空间
child: ListView.separated( child: Expanded(
padding: const EdgeInsets.symmetric(vertical: 8), child: Container(
itemCount: features.length, color: theme.colorScheme.surface,
// 确保列表始终可滚动并支持iOS弹性效果 // 确保ListView占满可用空间
physics: const AlwaysScrollableScrollPhysics( child: ListView.separated(
parent: BouncingScrollPhysics(), // 关键修复:添加内边距但不影响滚动范围
padding: const EdgeInsets.symmetric(vertical: 8),
// 确保列表有足够多的项可以滚动(已添加测试项)
itemCount: features.length,
// 增强的滚动物理效果
physics: const BouncingScrollPhysics(
parent: AlwaysScrollableScrollPhysics(),
),
separatorBuilder: (context, index) => Divider(
height: 1,
thickness: 1,
indent: 72,
endIndent: 16,
color: theme.dividerColor,
),
itemBuilder: (context, index) {
return _buildFeatureItem(
context: context,
icon: features[index]['icon'],
title: features[index]['title'],
);
},
),
), ),
// 分割线样式优化,使用主题中的分割色
separatorBuilder: (context, index) => Divider(
height: 1,
thickness: 1,
indent: 72,
endIndent: 16,
color: theme.dividerColor,
),
itemBuilder: (context, index) {
return _buildFeatureItem(
context: context,
icon: features[index]['icon'],
title: features[index]['title'],
);
},
), ),
), ),
); );
} }
// 功能项组件 - 优化为列表项样式
Widget _buildFeatureItem({ Widget _buildFeatureItem({
required BuildContext context, required BuildContext context,
required IconData icon, required IconData icon,
@@ -122,10 +121,9 @@ class HomePage extends StatelessWidget {
color: Colors.transparent, color: Colors.transparent,
child: InkWell( child: InkWell(
onTap: () { onTap: () {
// 可以添加点击事件 // 点击事件可以在这里添加
}, },
borderRadius: BorderRadius.circular(8), borderRadius: BorderRadius.circular(8),
// 点击水波纹颜色使用主题主色的透明版本
splashColor: theme.colorScheme.primary.withOpacity(0.1), splashColor: theme.colorScheme.primary.withOpacity(0.1),
highlightColor: theme.colorScheme.primary.withOpacity(0.05), highlightColor: theme.colorScheme.primary.withOpacity(0.05),
child: Container( child: Container(
@@ -133,7 +131,6 @@ class HomePage extends StatelessWidget {
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,
@@ -144,7 +141,6 @@ class HomePage extends StatelessWidget {
child: Icon(icon, size: 24, color: theme.colorScheme.secondary), 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(
@@ -153,7 +149,6 @@ class HomePage extends StatelessWidget {
), ),
), ),
const Spacer(), const Spacer(),
// 箭头图标 - 使用主题提示色
Icon(Icons.arrow_forward_ios, size: 18, color: theme.hintColor), Icon(Icons.arrow_forward_ios, size: 18, color: theme.hintColor),
], ],
), ),