界面整合v1
This commit is contained in:
52
lib/navigation/app_bottom_bar.dart
Normal file
52
lib/navigation/app_bottom_bar.dart
Normal file
@@ -0,0 +1,52 @@
|
||||
import 'package:flutter/cupertino.dart';
|
||||
import 'package:flutter/material.dart';
|
||||
|
||||
class MenuData {
|
||||
// 标签
|
||||
final String label;
|
||||
|
||||
// 图标数据
|
||||
final IconData icon;
|
||||
|
||||
const MenuData({
|
||||
required this.label,
|
||||
required this.icon,
|
||||
});
|
||||
}
|
||||
|
||||
class AppBottomBar extends StatelessWidget {
|
||||
final int currentIndex;
|
||||
final List<MenuData> menus;
|
||||
final ValueChanged<int>? onItemTap;
|
||||
|
||||
const AppBottomBar({
|
||||
Key? key,
|
||||
this.onItemTap,
|
||||
this.currentIndex = 0,
|
||||
required this.menus,
|
||||
}) : super(key: key);
|
||||
|
||||
@override
|
||||
Widget build(BuildContext context) {
|
||||
return BottomNavigationBar(
|
||||
backgroundColor: Colors.white,
|
||||
onTap: onItemTap,
|
||||
currentIndex: currentIndex,
|
||||
elevation: 3,
|
||||
type: BottomNavigationBarType.fixed,
|
||||
iconSize: 22,
|
||||
selectedItemColor: Theme.of(context).primaryColor,
|
||||
selectedLabelStyle: const TextStyle(fontWeight: FontWeight.bold),
|
||||
showUnselectedLabels: true,
|
||||
showSelectedLabels: true,
|
||||
items: menus.map(_buildItemByMenuMeta).toList(),
|
||||
);
|
||||
}
|
||||
|
||||
BottomNavigationBarItem _buildItemByMenuMeta(MenuData menu) {
|
||||
return BottomNavigationBarItem(
|
||||
label: menu.label,
|
||||
icon: Icon(menu.icon),
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user