75 lines
1.9 KiB
Dart
75 lines
1.9 KiB
Dart
import "package:flutter/material.dart";
|
|
import '../home/index.dart';
|
|
import '../myfriends/index.dart';
|
|
import '../profile/index.dart';
|
|
|
|
class MainPage extends StatefulWidget {
|
|
const MainPage({super.key});
|
|
|
|
@override
|
|
State<MainPage> createState() => _MainPageState();
|
|
}
|
|
|
|
class _MainPageState extends State<MainPage> {
|
|
// 定义数据 根据数据进行渲染导航键
|
|
final List<Map<String, dynamic>> _navList = [
|
|
{
|
|
"icon": Icons.home_outlined,
|
|
"activeIcon": Icons.home,
|
|
"label": "Home",
|
|
},
|
|
{
|
|
"icon": Icons.face_outlined,
|
|
"activeIcon": Icons.face,
|
|
"label": "MyFriends",
|
|
},
|
|
{
|
|
"icon": Icons.person_outlined,
|
|
"activeIcon": Icons.person,
|
|
"label": "Profile",
|
|
},
|
|
];
|
|
|
|
// 根据数据渲染导航键
|
|
List<BottomNavigationBarItem> _buildNavItems() {
|
|
return List.generate(_navList.length, (int index) {
|
|
final navItem = _navList[index];
|
|
return BottomNavigationBarItem(
|
|
icon: Icon(navItem["icon"]),
|
|
activeIcon: Icon(navItem["activeIcon"]),
|
|
label: navItem["label"],
|
|
);
|
|
});
|
|
}
|
|
|
|
int _currentIndex = 0; // 当前选中的导航键索引
|
|
|
|
List<Widget> get _pages {
|
|
return [
|
|
const HomeView(),
|
|
const MyFriendsView(),
|
|
const ProfileView(),
|
|
]; // 对应导航键的页面列表
|
|
}
|
|
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
return Scaffold(
|
|
// 避开刘海屏等特殊屏幕区域
|
|
body: SafeArea(child: IndexedStack(
|
|
index: _currentIndex,
|
|
children: _pages,
|
|
)), // 堆叠索引组件，根据当前索引显示对应的页面
|
|
bottomNavigationBar: BottomNavigationBar(
|
|
currentIndex: _currentIndex,
|
|
items: _buildNavItems(),
|
|
onTap: (int index) { // 点击导航键时更新当前索引
|
|
setState(() {
|
|
_currentIndex = index;
|
|
});
|
|
},
|
|
),
|
|
);
|
|
}
|
|
} |