GuidePage底部导航栏

import 'package:flutter/material.dart';
import 'News.dart';
import 'Video.dart';
import 'Chat.dart';
import 'MyId.dart';

class GuidePage extends StatefulWidget {
  @override
  State<StatefulWidget> createState() => GuidePageState();
}

class GuidePageState extends State<GuidePage> {
  final _bottomNavigationColor = Colors.red;
  int _currentIndex = 1;
  List<Widget> list = List();

  @override
  void initState() {
    list
      ..add(NewsPage())
      ..add(VideoPage())
      ..add(ChatPage())
      ..add(MyIdPage());
    super.initState();
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: list[_currentIndex],
      bottomNavigationBar: BottomNavigationBar(
        items: [
          BottomNavigationBarItem(
              icon: Icon(
                Icons.fiber_new,
                color: _bottomNavigationColor,
              ),
              title: Text(
                '信息',
                style: TextStyle(color: _bottomNavigationColor),
              )),
          BottomNavigationBarItem(
              icon: Icon(
                Icons.live_tv,
                color: _bottomNavigationColor,
              ),
              title: Text(
                '视频',
                style: TextStyle(color: _bottomNavigationColor),
              )),
          BottomNavigationBarItem(
              icon: Icon(
                Icons.phone_in_talk,
                color: _bottomNavigationColor,
                //color:Colors.lightGreen,
              ),
              title: Text(
                '聊天',
                style: TextStyle(color: _bottomNavigationColor),
              )),
          BottomNavigationBarItem(
              icon: Icon(
                Icons.contact_phone,
                color: _bottomNavigationColor,
              ),
              title: Text(
                '注册',
                style: TextStyle(color: _bottomNavigationColor),
              )),
        ],
        currentIndex: _currentIndex,
        onTap: (int index) {
          setState(() {
            //设置当前的索引
            _currentIndex = index;
          });
        },
        //设置显示的模式
        type: BottomNavigationBarType.fixed,
      ),
    );
  }
}

import 'package:flutter/material.dart';
import 'Guide.dart';

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

class MyApp extends StatelessWidget {

  @override
  Widget build(BuildContext context) {
    return new MaterialApp(
      title: 'Generated App',
      theme: new ThemeData(
        primarySwatch: Colors.red,
        primaryColor: const Color(0xFFf44336),//顶部标题导航背景色
        accentColor: const Color(0xFFf44336),
        canvasColor: const Color(0xffEEEFF2),
        fontFamily: 'Roboto',
      ),
      home: GuidePage(),
    );
  }
}

import 'package:flutter/material.dart';

class MyIdPage extends StatefulWidget {
  @override
  State<StatefulWidget> createState() => MyIdPageState();
}

class MyIdPageState extends State<MyIdPage> {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('注册'),
      ),
    );
  }
}

 

转载于:https://www.cnblogs.com/xiongwei/p/10710813.html