import 'package:flutter/material.dart'; // 页面导入 import 'home_page.dart'; import 'library_page.dart'; import 'stats_page.dart'; import 'profile_page.dart'; /// 应用主导航页面 /// /// 实现底部Tab导航功能,包含4个主要页面: /// - 首页:最近阅读书籍和摘录 /// - 书库:书籍管理和浏览 /// - 统计:阅读统计数据 /// - 我的:个人设置和账户管理 class MainNavigation extends StatefulWidget { const MainNavigation({super.key}); @override State createState() => _MainNavigationState(); } /// 主导航状态管理类 /// /// 管理底部Tab导航的状态和页面切换逻辑 class _MainNavigationState extends State { /// 当前选中的Tab索引 /// 0: 首页, 1: 书库, 2: 统计, 3: 我的 int _currentIndex = 0; /// 页面列表,与底部导航栏的索引一一对应 final List _pages = const [ HomePage(), // 首页 - 最近阅读和摘录 LibraryPage(), // 书库 - 书籍管理 StatsPage(), // 统计 - 阅读数据 ProfilePage(), // 我的 - 个人设置 ]; @override Widget build(BuildContext context) { return Scaffold( // 显示当前选中的页面 body: _pages[_currentIndex], // 底部导航栏 bottomNavigationBar: BottomNavigationBar( // 当前选中的Tab索引 currentIndex: _currentIndex, // Tab点击事件处理 onTap: (index) { setState(() { _currentIndex = index; }); }, // 导航栏项配置 items: const [ BottomNavigationBarItem( icon: Icon(Icons.home), // 首页图标 label: '首页', // 标签文本 ), BottomNavigationBarItem( icon: Icon(Icons.library_books), // 书库图标 label: '书库', ), BottomNavigationBarItem( icon: Icon(Icons.bar_chart), // 统计图标 label: '统计', ), BottomNavigationBarItem( icon: Icon(Icons.person), // 个人图标 label: '我的', ), ], ), ); } }