自定义AppBar按钮,及实现tab切换

自定义按钮图标

AppBar属性

import &＃39;package:flutter/material.dart&＃39;;class AppBarDemo extends StatelessWidget {&＃64;overrideWidget build(BuildContext context) {return Scaffold(appBar: AppBar(//backgroundColor: Colors.deepPurpleAccent,//改变基本背景颜色leading: IconButton(//左侧按钮icon: Icon(Icons.list),onPressed: (){print(&＃39;data&＃39;);},),actions: <Widget>[IconButton(icon:Icon(Icons.search),onPressed: (){print(&＃39;data02&＃39;);},),IconButton(icon:Icon(Icons.person),onPressed: (){print(&＃39;data03&＃39;);},)],title: Text(&＃39;顶部图标&＃39;),),body: Text(&＃39;data&＃39;),);}
}

顶部Tab栏切换

TabBar属性

import &＃39;package:flutter/material.dart&＃39;;class AppBarDemo extends StatelessWidget {&＃64;overrideWidget build(BuildContext context) {return DefaultTabController(length: 2,child: Scaffold(appBar: AppBar(bottom: TabBar(tabs: <Widget>[Tab(text: &＃39;热销&＃39;,),Tab(text: &＃39;推荐&＃39;,)],),//backgroundColor: Colors.deepPurpleAccent,//改变基本背景颜色title: Text(&＃39;顶部图标&＃39;),),body: TabBarView(children: <Widget>[ListView(children: <Widget>[ListTile(title: Text(&＃39;Tab01&＃39;),),ListTile(title: Text(&＃39;Tab01&＃39;),),ListTile(title: Text(&＃39;Tab01&＃39;),),],),ListView(children: <Widget>[ListTile(title: Text(&＃39;Tab02&＃39;),),ListTile(title: Text(&＃39;Tab02&＃39;),),ListTile(title: Text(&＃39;Tab02&＃39;),),],)],),),);}
}

只显示一层appBar

import &＃39;package:flutter/material.dart&＃39;;class Category extends StatelessWidget {&＃64;overrideWidget build(BuildContext context) {return DefaultTabController(length: 3,child: Scaffold(appBar: AppBar(title: Row(children: <Widget>[Expanded(child:TabBar(tabs: <Widget>[Tab(text: &＃39;推荐&＃39;),Tab(text: &＃39;热销&＃39;,),Tab(text: &＃39;新品&＃39;,)],),)],)),body: TabBarView(children: <Widget>[ListView(children: <Widget>[ListTile(title: Text(&＃39;Tab01&＃39;),),ListTile(title: Text(&＃39;Tab01&＃39;),),ListTile(title: Text(&＃39;Tab01&＃39;),),],),ListView(children: <Widget>[ListTile(title: Text(&＃39;Tab02&＃39;),),ListTile(title: Text(&＃39;Tab02&＃39;),),ListTile(title: Text(&＃39;Tab02&＃39;),),],),ListView(children: <Widget>[ListTile(title: Text(&＃39;Tab03&＃39;),),ListTile(title: Text(&＃39;Tab03&＃39;),),ListTile(title: Text(&＃39;Tab03&＃39;),),],)],)),);}
}