爱奇艺校招面试，Flutter 导航栏AppBar(1)，2024年最新Android面试点梳理

   

   

final PreferredSizeWidget bottom  底部widgetapp_bar.png

AppBar(

    title: Text('AppBarTitle'),

    backgroundColor: Colors.lightBlue,

    elevation: 4,

    actions: <Widget>[

      IconButton(

        icon: const Icon(Icons.add),

      ),

      IconButton(

        icon: const Icon(Icons.clear),

      ),

      IconButton(

        icon: const Icon(Icons.arrow_drop_down),

      ),

    ],

    centerTitle: true,

    bottom: PreferredSize(child: Text('AppBarBottom')),

  )

AppBar(

    title: Text('AppBarTitle'),

    backgroundColor: Colors.lightBlue,

    elevation: 4,

    actions: <Widget>[

      IconButton(

        icon: const Icon(Icons.add),

      ),

      IconButton(

        icon: const Icon(Icons.clear),

      ),

      IconButton(

        icon: const Icon(Icons.arrow_drop_down),

      ),

    ],

    centerTitle: true,

    bottom: PreferredSize(child: Text('AppBarBottom'),preferredSize: Size.fromHeight(100.0))

  )

final Widget flexibleSpace 弹性空间app_bar.png

AppBar(

      title: Text('AppBarTitle'),

      backgroundColor: Colors.lightBlue,

      elevation: 4,

      actions: <Widget>[

        IconButton(

          icon: const Icon(Icons.add),

        ),

        IconButton(

          icon: const Icon(Icons.clear),

        ),

        IconButton(

          icon: const Icon(Icons.arrow_drop_down),

        ),

      ],

      centerTitle: true,

      flexibleSpace: FlexibleSpaceBar(

        centerTitle: true,

        title: const Text('Flight Report'),

      ),

      bottom: PreferredSize(child: Text('AppBarBottom'),

preferredSize: Size.fromHeight(50.0)))

AppBar(

      title: Text('AppBarTitle'),

      backgroundColor: Colors.lightBlue,

      elevation: 4,

      actions: <Widget>[

        IconButton(

          icon: const Icon(Icons.add),

        ),

        IconButton(

          icon: const Icon(Icons.clear),

        ),

        IconButton(

          icon: const Icon(Icons.arrow_drop_down),

        ),

      ],

      centerTitle: true,

      flexibleSpace: FlexibleSpaceBar(

        centerTitle: true,

        title: const Text('Flight Report'),

      ),

      bottom: PreferredSize(child: Text('AppBarBottom'),preferredSize: Size.fromHeight(200.0)))

final Widget leading 靠前widget

AppBar(

      title: Text('AppBarTitle'),

      backgroundColor: Colors.lightBlue,

      leading: Builder(builder: (BuildContext context){

        return IconButton(icon: Icon(Icons.menu), onPressed: null);

      },),

      elevation: 4,

      actions: <Widget>[

        IconButton(

          icon: const Icon(Icons.add),

        ),

        IconButton(

          icon: const Icon(Icons.clear),

        ),

        IconButton(

          icon: const Icon(Icons.arrow_drop_down),

        ),

      ],

      centerTitle: true,

      flexibleSpace: FlexibleSpaceBar(

        centerTitle: true,

        title: const Text('Flight Report'),

      ),

      bottom: PreferredSize(child: Text('AppBarBottom'),preferredSize: Size.fromHeight(100.0))),

App导航栏悬浮 app_bar_pinned.mp4   app_bar.mp4

        

class _MyHomePageState extends State {

@override

Widget build(BuildContext context) {

     return Scaffold(

       body: CustomScrollView(

         physics: const BouncingScrollPhysics(),

         slivers: <Widget>[

           SliverAppBar(

             stretch: false,

             onStretchTrigger: () {

               // Function callback for stretch

               return;

             },

             pinned: true,

             expandedHeight: 300.0,

             flexibleSpace: FlexibleSpaceBar(

               stretchModes: <StretchMode>[

                 StretchMode.zoomBackground,

                 StretchMode.blurBackground,

                 StretchMode.fadeTitle,

               ],

               centerTitle: true,

               title: const Text('Flight Report'),

               background: Stack(

                 fit: StackFit.expand,

                 children: [

                   Image.network(

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

深知大多数Android工程师，想要提升技能，往往是自己摸索成长或者是报班学习，但对于培训机构动则几千的学费，着实压力不小。自己不成体系的自学效果低效又漫长，而且极易碰到天花板技术停滞不前！

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

既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，基本涵盖了95%以上Android开发知识点，真正体系化！

由于文件比较大，这里只是将部分目录大纲截图出来，每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频，并且后续会持续更新

如果你觉得这些内容对你有帮助，可以添加V获取：vip204888 （备注Android）

最后

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

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

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

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

本文已被CODING开源项目：《Android学习笔记总结+移动架构视频+大厂面试真题+项目实战源码》收录

一个人可以走的很快，但一群人才能走的更远。如果你从事以下工作或对以下感兴趣，欢迎戳这里加入程序员的圈子，让我们一起学习成长！

AI人工智能、Android移动开发、AIGC大模型、C C#、Go语言、Java、Linux运维、云计算、MySQL、PMP、网络安全、Python爬虫、UE5、UI设计、Unity3D、Web前端开发、产品经理、车载开发、大数据、鸿蒙、计算机网络、嵌入式物联网、软件测试、数据结构与算法、音视频开发、Flutter、IOS开发、PHP开发、.NET、安卓逆向、云计算

]

本文已被CODING开源项目：《Android学习笔记总结+移动架构视频+大厂面试真题+项目实战源码》收录

一个人可以走的很快，但一群人才能走的更远。如果你从事以下工作或对以下感兴趣，欢迎戳这里加入程序员的圈子，让我们一起学习成长！

AI人工智能、Android移动开发、AIGC大模型、C C#、Go语言、Java、Linux运维、云计算、MySQL、PMP、网络安全、Python爬虫、UE5、UI设计、Unity3D、Web前端开发、产品经理、车载开发、大数据、鸿蒙、计算机网络、嵌入式物联网、软件测试、数据结构与算法、音视频开发、Flutter、IOS开发、PHP开发、.NET、安卓逆向、云计算