flutter底部导航栏demo

main.dart

import 'package:flutter/material.dart';
import 'pages/pageIndex.dart';

main(){
  runApp(new MyApp());
}

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Container(
      child: MaterialApp(
        home: IndexPage()
      )
    );
  }
}

index.dart

import 'package:flutter/material.dart';
import './pageA.dart';
import './pageB.dart';
import './pageC.dart';
import './pageD.dart';

class IndexPage extends StatefulWidget {
  @override
  _IndexPageState createState() => _IndexPageState();
}

class _IndexPageState extends State<IndexPage> {

  //底部导航栏选项列表
  final List<BottomNavigationBarItem> bottomItems = [
    BottomNavigationBarItem(
      //标题
      title: Text(