TabBar用到bottomNavigationBar

import ‘package:flutter/material.dart‘;
import ‘homepage.dart‘;
import ‘lastpage.dart‘;
import ‘secondpage.dart‘;
import ‘thirdpage.dart‘;

void main()=>runApp(MyApp());

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: HomePage(),
    );
  }
}

class HomePage extends StatefulWidget {
  @override
  _HomePageState createState() => _HomePageState();
}

class _HomePageState extends State<HomePage> with SingleTickerProviderStateMixin{
  TabController _tabController;
  @override
  void initState() {
    // TODO: implement initState
    _tabController=TabController(length: 4, vsync: this);
    super.initState();
  }
  @override
  void dispose() {
    // TODO: implement dispose
    _tabController.dispose();
    super.dispose();
  }
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      bottomNavigationBar: Container(
        color: Colors.lime,
        child: TabBar(
          controller: _tabController,
          indicatorColor:Colors.orange,
          unselectedLabelColor:Colors.white,
          labelColor: Colors.orange,
          tabs: <Widget>[
            Tab(text: ‘业界动态‘,icon: Icon(Icons.update),),
            Tab(text: ‘WIDGET‘,icon: Icon(Icons.settings),),
            Tab(text: ‘组件收藏‘,icon: Icon(Icons.favorite),),
            Tab(text: ‘关于手册‘,icon: Icon(Icons.book),),
          ],
        ),
      ),
      appBar: AppBar(
        title: Text(‘雷克萨斯‘),
      ),
      body: TabBarView(
        controller: _tabController,
        children: <Widget>[
          MainPage(),
          SecondPage(),
          ThirdPage(),
          LastPage(),
        ],
      ),
    );
  }
}

TabBar用到bottomNavigationBar

原文：https://www.cnblogs.com/braveheart007/p/10792424.html