flutter03: 顶部导航

1、再上一篇文章中有讲到底部导航的使用，这次就是在上一篇文章的基础上添加的功能，代码如下:

import 'package:flutter/material.dart';

class Quote extends StatefulWidget {
  @override
  _QuoteState createState() => _QuoteState();
}

class _QuoteState extends State<Quote> {
  Widget Button(BuildContext,text){
    return RaisedButton(
      child: Text(text),
      textColor:Theme.of(context).accentColor,
      onPressed: (){

      },
    );
  }
  int  text=0;
  List list=new List();
  @override
  Widget build(BuildContext context) {
    return DefaultTabController(
      length: 2,
      child: Scaffold(
        appBar: AppBar(
          // title: Text('行情'),
          bottom: TabBar(
            tabs: <Widget>[
              Tab(text:'行情'),
              Tab(text:'自选'),
            ],
          ),
        ),
        body:TabBarView(
          children: <Widget>[
            ListView(
              children: <Widget>[
                ListTile(title: Text('第1个'),)
              ],
            ),
            ListView(
              children: <Widget>[
                ListTile(title: Text('第2个'),)
              ],
            ),
          ],
        )
      ),
    );
  }
}

效果如图：

image.png