底部导航栏-普通

代码片

javascript
import 'package:flutter/material.dart';
import 'exceptionAlarm/exceptionAlarm.dart';
import 'fault/faultList.dart';
import 'fault/faultStatistics.dart';
import 'setUp.dart';
//底部导航栏实现不同page的切换
class HomePage extends StatefulWidget {
  @override
  _HomePagerState createState() {
    return _HomePagerState();
  }
}

class _HomePagerState extends State<HomePage> {
  PageController pageController;
  int _currentIndex = 2;

  @override
  void initState() {
    super.initState();
    pageController = PageController(initialPage: this._currentIndex);
  }

  @override
  void dispose() {
    pageController.dispose();
    super.dispose();
  }

//修改bottomNavigationBar的点击事件
  void onBottomNavItemTap(int index) {
    pageController.animateToPage(index,
        duration: const Duration(milliseconds: 300), curve: Curves.ease);
  }
  void onPageChanged(int index) {
    setState(() {
      this._currentIndex = index;
    });
  }
  @override
  Widget build(BuildContext context) {
    return Container(
      color: Colors.white,
      child: SafeArea(
        top: false,
        child: Stack(
          children: <Widget>[
            Scaffold(

              body: PageView(
                children: <Widget>[ FaultListPage(),
                  FaultStatisticsPage(),
                  ExceptionPage(),
                  SetUpPage(),],
                controller: pageController,
                onPageChanged: onPageChanged,
              ),
              bottomNavigationBar: BottomNavigationBar(
                backgroundColor: Colors.white,
                items: [
                  BottomNavigationBarItem(
                    icon: Icon(IconData(0xe644, fontFamily: 'FaultList') ,size: 20),
                    activeIcon: Icon(IconData(0xe644, fontFamily: 'FaultList') ,size: 20),
                    title: Text(
                      '故障分析',
                    ),
                  ),
                  BottomNavigationBarItem(
                    icon: Icon(IconData(0xe60d, fontFamily: 'FaultList'), size: 20),
                    activeIcon: Icon(IconData(0xe60d, fontFamily: 'FaultList') ,size: 20),
                    title: Text(
                      '故障统计',
                    ),
                  ),
                  BottomNavigationBarItem(
                    icon: Icon(IconData(0xe626, fontFamily: 'FaultList') ,size: 20),
                    activeIcon: Icon(IconData(0xe626, fontFamily: 'FaultList') ,size: 20),
                    title: Text(
                      '异常告警',
                    ),
                  ),
                  BottomNavigationBarItem(
                    icon: Icon(Icons.account_circle ),
                    activeIcon: Icon(Icons.account_circle ),
                    title: Text(
                      '我的',
                    ),
                  ),
                ],
                onTap: onBottomNavItemTap,
                currentIndex: _currentIndex,
                type: BottomNavigationBarType.fixed,
                selectedFontSize:12,
                elevation: 0,
              ),
            ),
          ],
        ),
      ),
    );
  } 
}

代码块二

import 'package:flutter/cupertino.dart';
import 'package:flutter/material.dart';
import 'package:flutter_app934/generated/i18n.dart';
import 'package:flutter_app934/ui/widget/app_update.dart';

import 'home_page.dart';
import 'project_page.dart';
import 'structure_page.dart';
import 'user_page.dart';
import 'wechat_account_page.dart';
//主页
List<Widget> pages = <Widget>[
  HomePage(),
  ProjectPage(),
  WechatAccountPage(),
  StructurePage(),
  UserPage()
];

class TabNavigator extends StatefulWidget {
  TabNavigator({Key key}) : super(key: key);

  @override
  _TabNavigatorState createState() => _TabNavigatorState();
}

class _TabNavigatorState extends State<TabNavigator> {
  var _pageController = PageController();
  int _selectedIndex = 0;
  DateTime _lastPressed;

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: WillPopScope(
        onWillPop: () async {
          if (_lastPressed == null ||
              DateTime.now().difference(_lastPressed) > Duration(seconds: 1)) {
            //两次点击间隔超过1秒则重新计时
            _lastPressed = DateTime.now();
            return false;
          }
          return true;
        },
        child: PageView.builder(
          itemBuilder: (ctx, index) => pages[index],
          itemCount: pages.length,
          controller: _pageController,
          physics: NeverScrollableScrollPhysics(),
          onPageChanged: (index) {
            setState(() {
              _selectedIndex = index;
            });
          },
        ),
      ),
      bottomNavigationBar: BottomNavigationBar(
        type: BottomNavigationBarType.fixed,
        items: <BottomNavigationBarItem>[
          BottomNavigationBarItem(
            icon: Icon(Icons.home),
            title: Text(S.of(context).tabHome),
          ),
          BottomNavigationBarItem(
            icon: Icon(Icons.format_list_bulleted),
            title: Text(S.of(context).tabProject),
          ),
          BottomNavigationBarItem(
            icon: Icon(Icons.group_work),
            title: Text(S.of(context).wechatAccount),
          ),
          BottomNavigationBarItem(
            icon: Icon(Icons.call_split),
            title: Text(S.of(context).tabStructure),
          ),
          BottomNavigationBarItem(
            icon: Icon(Icons.insert_emoticon),
            title: Text(S.of(context).tabUser),
          ),
        ],
        currentIndex: _selectedIndex,
        onTap: (index) {
          _pageController.jumpToPage(index);
        },
      ),
    );
  }

  @override
  void initState() {
    checkAppUpdate(context);
    super.initState();
  }
}