Flutter 制作一个抽屉菜单，Android开发社招面试总结

Widget build(BuildContext context) {

return MaterialApp(

title: ‘Coco’,

debugShowCheckedModeBanner: false,

initialRoute: ‘/’,

routes: {

‘/’: (context) => HomeIn(),

},

theme: ThemeData(

primarySwatch: Colors.blue,

highlightColor: Color.fromRGBO(255, 255, 255, 0.5),

splashColor: Colors.white70,

accentColor: Color.fromRGBO(178, 222, 225, 1.0),

),

);

}

}

class HomeIn extends StatelessWidget {

@override

Widget build(BuildContext context) {

return Home();

}

}

class Home extends StatefulWidget {

_HomeState createState() => _HomeState();

}

class _HomeState extends State {

@override

Widget build(BuildContext context) {

return DefaultTabController(

length: 4,

child: Scaffold(

drawer: DrawerHead() // 抽取控件

),

);

}

}

在展示的这段代码中，除与抽屉菜单无关的代码博主都已去除，以免影响同学们的阅读，这段代码可以允许运行在你的工程的lib下的main.dart中，但要注意lib文件夹内还有一个components文件夹，其下存在drawer.dart文件（抽取出来的抽屉控件）。

文件结构

…

/android

/ios

/lib

/components

drawer.dart

main.dart

main.dart中，保留了注释的地方就是我们抽出来的drawer控件，这里讲个题外话，Flutter的写法和我们前端写UI的方式是两种方法，Flutter本身是一个APP上的开源UI工具包，意思是书写它你需要使用它本身的API控件去写，这会很容易导致嵌套地狱，在Flutter中你经常能够看到向右的金字塔状代码。但是这其实也是Flutter给我们带来的信息：希望你能将你的代码保持足够的细度，这有助于你减少嵌套层数，也可以提醒你及时考虑组件的抽取以及复用，抽取的这方面就不用赘述了，相信大家都有足够的经验与习惯来处理，我们回到正题。

事实上，在Scaffold中使用了drawer后，里面的内容（或者说Widget）就已经是以一个抽屉控件的形式展示了，大家可以试着只在darwer.dart文件中返回一个Text(‘jobs’)来查看会出现的样子，那么我们接下来要做的只是让这个Widget更加像一个抽屉组件而已。

为了避免可能冗余的文字描述，关于这一段的注释我已经全部打在了上面，方便大家学习。

drawer.dart

import ‘package:flutter/material.dart’;

class DrawerHead extends StatelessWidget {

@override

Widget build(BuildContext context) {

return Drawer( // 重要的Drawer组件

child: ListView( // Flutter 可滚动组件

padding: EdgeInsets.zero, // padding为0

children: [

UserAccountsDrawerHeader(

// UserAccountsDrawerHeader 可以设置用户头像、用户名、Email 等信息，显示一个符合纸墨设计规范的 drawer header。

// 标题

accountName: Text(‘Jobsofferings’,

style: TextStyle(fontWeight: FontWeight.bold)),

// 副标题

accountEmail: Text(‘https://juejin.im/user/5eaee21f5188256da0323bf9’),

// Emails

currentAccountPicture: CircleAvatar(

// 使用网络加载图像

backgroundImage: NetworkImage(

‘https://images.cnblogs.com/cnblogs_com/JobsOfferings/1363202/o_preview.jpg’),

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

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

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

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

最后

总而言之，成功是留给准备好的人的。无论是参加什么面试，都要做好充足的准备，注意好面试的礼仪和穿着，向面试官表现出自己的热忱与真诚就好。即使最后没有过关，也要做好经验的总结，为下一次面试做好充足准备。

这里我为大家准备了一些我在面试后整理的面试专题资料，除了面试题，还总结出了互联网公司Android程序员面试涉及到的绝大部分面试题及答案，并整理做成了文档，以及系统的进阶学习视频资料，免费分享给大家，希望能帮助到你面试前的复习，且找到一个好的工作，也节省大家在网上搜索资料的时间来学习。

毕竟不管遇到什么样的面试官，去面试首先最主要的就是自己的实力，只要实力够硬，技术够强，就不怕面试拿不到offer！

想要面试顺通嘛，赶紧领取下面的面试资料为之后的面试做足准备叭！这里提前祝各位面试成功！

资料领取方式：  Android架构设计

为什么某些人会一直比你优秀，是因为他本身就很优秀还一直在持续努力变得更优秀，而你是不是还在满足于现状内心在窃喜！希望读到这的您能点个小赞和关注下我，以后还会更新技术干货，谢谢您的支持！

dn.net/topics/618156601)

[外链图片转存中…(img-T1kOuB8s-1710658690221)]

[外链图片转存中…(img-RlAzJjAv-1710658690222)]

为什么某些人会一直比你优秀，是因为他本身就很优秀还一直在持续努力变得更优秀，而你是不是还在满足于现状内心在窃喜！希望读到这的您能点个小赞和关注下我，以后还会更新技术干货，谢谢您的支持！