import 'package:flutter/cupertino.dart'; import 'package:flutter/material.dart'; import 'package:flutter_screenutil/flutter_screenutil.dart'; import 'package:akuCommunity/const/resource.dart'; import 'package:akuCommunity/ui/community/community_views/community_page.dart'; import 'home/home_page.dart'; import 'personal/personal_page.dart'; import 'property/property_index.dart'; class TabNavigator extends StatefulWidget { const TabNavigator({ Key key, }) : super(key: key); @override _TabNavigatorState createState() => _TabNavigatorState(); } class _TabNavigatorState extends State with SingleTickerProviderStateMixin { TabController _tabController; int _currentIndex = 0; DateTime _lastPressed; //页面列表 List _pages = []; @override void initState() { super.initState(); _pages = [ HomePage(), // MarketPage(), PropertyIndex(), // CommunityIndex(), CommunityPage(), PersonalIndex() ]; _tabController = TabController(length: _pages.length, vsync: this); } _buildBottomBar( String title, String unselected, String selected, ) { return BottomNavigationBarItem( icon: Image.asset( unselected, height: 44.w, width: 44.w, color: Colors.black38, ), activeIcon: Image.asset( selected, height: 44.w, width: 44.w, ), label: title, ); } @override Widget build(BuildContext context) { //底部导航来 List _bottomNav = [ _buildBottomBar('首页', R.ASSETS_ICONS_TABBAR_HOME_NO_PNG, R.ASSETS_ICONS_TABBAR_HOME_PNG), // _buildBottomBar( // '商城', AssetsImage.TAB_MARKET_UNSELECT, AssetsImage.TAB_MARKET_SELECT), _buildBottomBar('物业', R.ASSETS_ICONS_TABBAR_HOUSE_NO_PNG, R.ASSETS_ICONS_TABBAR_HOUSE_PNG), _buildBottomBar('社区', R.ASSETS_ICONS_TABBAR_MESSAGE_NO_PNG, R.ASSETS_ICONS_TABBAR_MESSAGE_PNG), _buildBottomBar('我的', R.ASSETS_ICONS_TABBAR_USER_NO_PNG, R.ASSETS_ICONS_TABBAR_USER_PNG), ]; return Scaffold( body: WillPopScope( onWillPop: () async { if (_lastPressed == null || DateTime.now().difference(_lastPressed) > Duration(seconds: 1)) { //两次点击间隔超过1秒重新计算 _lastPressed = DateTime.now(); return false; } //否则关闭app return true; }, child: TabBarView( children: _pages, controller: _tabController, physics: NeverScrollableScrollPhysics(), ), ), bottomNavigationBar: StatefulBuilder(builder: (context, setFunc) { return BottomNavigationBar( items: _bottomNav, currentIndex: _currentIndex, selectedFontSize: 20.sp, unselectedFontSize: 20.sp, onTap: (index) { _tabController.animateTo(index, curve: Curves.easeInOutCubic); setFunc(() => _currentIndex = index); }, ); }), ); } }