child: Text(“无名氏”,style: TextStyle(

fontSize: 20.0,

color: Colors.white

),),

),

],

),

),

Expanded(

child: ListView(

children: [

ListTile(

leading: Icon(Icons.person,color: Colors.orange,),

title: Text(“个人信息”),

onTap: (){},

),

ListTile(

leading: Icon(Icons.wallpaper,color: Colors.orange,),

title: Text(“我的相册”),

onTap: (){},

),

ListTile(

leading: Icon(Icons.wallpaper,color: Colors.orange,),

title: Text(“我的相册”),

onTap: (){},

),

ListTile(

leading: Icon(Icons.settings,color: Colors.orange,),

title: Text(“设置”),

onTap: (){},

),

],

),

)

],

)

),

);

}

}

2.解释源代码

import ‘package:flutter/material.dart’;

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

class MyApp extends StatefulWidget {

@override

_MyAppState createState() => _MyAppState();

}

class _MyAppState extends State with SingleTickerProviderStateMixin{

//声明TabController

TabController tabController;

//

List list = [“首页”,“追番”,“历史”];

@override

void initState() {

super.initState();

//创建TabController

tabController = TabController(length: list.length, vsync: this);

}

@override

Widget build(BuildContext context) {

return MaterialApp(

home: Scaffold(

appBar: AppBar(

title: Text(“导航栏名称”),

leading: Builder(builder: (context){

return IconButton(

icon: Icon(Icons.dehaze,color: Colors.white,),

onPressed: (){

Scaffold.of(context).openDrawer();

},

);

}),

actions: [

IconButton(

icon:Icon(Icons.share),

color: Colors.white,

onPressed: (){},

),

],

//生成Tab菜单

bottom: TabBar(

tabs: list.map( (e)=> Tab(text: e) ).toList(),

controller: tabController,

),

),

drawer: MyDrawer(),

body: TabBarView(

//通过监听切换Tab页

controller: tabController,

//创建3个Tab页

children: list.map((e){

return Container(

alignment: Alignment.center,

child: Text(e),

);

}).toList(),

),

//底部导航栏

bottomNavigationBar: BottomAppBar(

//背景颜色

color: Colors.orange,

//底部导航栏留个圆形的空位

shape: CircularNotchedRectangle(),

child: Row(

//横向平分空间

mainAxisAlignment: MainAxisAlignment.spaceAround,

children: [

IconButton(icon: Icon(Icons.group_work,color: Colors.white,), onPressed: (){}),

//该位置留空

SizedBox(),

IconButton(icon: Icon(Icons.apps,color: Colors.white,), onPressed: (){})

],

),

),

//浮动按钮

floatingActionButton: IconButton(icon: Icon(Icons.add_circle,color: Colors.blue),iconSize: 60,padding: EdgeInsets.all(0), onPressed: (){}),

//浮动按钮位置

floatingActionButtonLocation: FloatingActionButtonLocation.centerDocked,

)

);

}

}

class MyDrawer extends StatelessWidget {

@override

Widget build(BuildContext context) {

return Drawer(

child: MediaQuery.removePadding(

context: context,

removeTop: true,

child: Column(

children: [

Container(

padding: EdgeInsets.all(20.0),

color: Colors.blue,

child:

Row(

children: [

自我介绍一下，小编13年上海交大毕业，曾经在小公司待过，也去过华为、OPPO等大厂，18年进入阿里一直到现在。

深知大多数初中级安卓工程师，想要提升技能，往往是自己摸索成长，但自己不成体系的自学效果低效又漫长，而且极易碰到天花板技术停滞不前！

因此收集整理了一份《2024年最新Android移动开发全套学习资料》送给大家，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友，同时减轻大家的负担。

由于文件比较大，这里只是将部分目录截图出来，每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频
如果你觉得这些内容对你有帮助，可以添加下面V无偿领取！（备注Android）

最后

现在都说互联网寒冬，其实无非就是你上错了车，且穿的少（技能），要是你上对车，自身技术能力够强，公司换掉的代价大，怎么可能会被裁掉，都是淘汰末端的业务Curd而已！现如今市场上初级程序员泛滥，这套教程针对Android开发工程师1-6年的人员、正处于瓶颈期，想要年后突破自己涨薪的，进阶Android中高级、架构师对你更是如鱼得水，赶快领取吧！

上述【高清技术脑图】以及【配套的架构技术PDF】点击：Android架构视频+BAT面试专题PDF+学习笔记，或者私信回复【技能提升】即可获取！

为什么某些人会一直比你优秀，是因为他本身就很优秀还一直在持续努力变得更优秀，而你是不是还在满足于现状内心在窃喜！

是你上对车，自身技术能力够强，公司换掉的代价大，怎么可能会被裁掉，都是淘汰末端的业务Curd而已！现如今市场上初级程序员泛滥，这套教程针对Android开发工程师1-6年的人员、正处于瓶颈期，想要年后突破自己涨薪的，进阶Android中高级、架构师对你更是如鱼得水，赶快领取吧！

上述【高清技术脑图】以及【配套的架构技术PDF】点击：Android架构视频+BAT面试专题PDF+学习笔记，或者私信回复【技能提升】即可获取！

为什么某些人会一直比你优秀，是因为他本身就很优秀还一直在持续努力变得更优秀，而你是不是还在满足于现状内心在窃喜！

Android架构师之路很漫长，一起共勉吧！