2024年安卓最新Flutter28，腾讯&字节&网易&华为Android面试题分享

更多Android高级工程师进阶学习资料

进阶学习视频

附上：我们之前因为秋招收集的二十套一二线互联网公司Android面试真题（含BAT、小米、华为、美团、滴滴）和我自己整理Android复习笔记（包含Android基础知识点、Android扩展知识点、Android源码解析、设计模式汇总、Gradle知识点、常见算法题汇总。）

里面包含不同方向的自学编程路线、面试题集合/面经、及系列技术文章等，资源持续更新中…

网上学习资料一大堆，但如果学到的知识不成体系，遇到问题时只是浅尝辄止，不再深入研究，那么很难做到真正的技术提升。

需要这份系统化学习资料的朋友，可以戳这里获取

一个人可以走的很快，但一群人才能走的更远！不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人，都欢迎加入我们的的圈子（技术交流、学习资源、职场吐槽、大厂内推、面试辅导），让我们一起学习成长！

闪屏页

===

由于启动Flutter app的时候需要初始化Flutter。这个时间是比较长的。所以开发Flutter app的时候都需要加一个闪屏页。给Android平台上跑的Flutter app加闪屏页其实是和给一个正常的Android app加闪屏页是一样的。

首先在AndroidManifest.xml中，

在第一个红框中，给MainActivity设置了一个Theme; 另外注意一下第二个红框中的meta-data标签。那段注释的大概意思是说这个标签是用来表示让Flutter在启动过程中保持闪屏页直到第一帧画面被绘制出来。也就是说，闪屏页的隐藏不需要我们来处理了。

接下来看看这个LaunchTheme:

可见就定义了一个窗口的背景了，也就是我们的闪屏页本尊了，这里你可以把这个drawable改成你自己的闪屏页图片也OK。

至于ios平台的闪屏页怎么弄，可以参考这里。

自定义布局

=====

我们都知道，在Android中，如果系统提供的布局控件不能满足我们的需求，我们会自定义布局控件来实现。Flutter同样的也提供自定义布局控件的功能。在这个新闻app中，首页的列表项显示效果如下图，这就是用自定义的布局控件来实现的。

这个列表项整个背景是新闻图片，然后在下方叠加标题和来源，文字部分会有个半透明的背景。

代码在news_item.dart中。

class NewsItem extends StatelessWidget {

…

@override

Widget build(BuildContext context) {

…

return new InkWell(

onTap: enabled ? onTap : null,

onLongPress: enabled ? onLongPress : null,

child: Semantics(

selected: selected,

enabled: enabled,

child: ConstrainedBox(

constraints: BoxConstraints(minHeight: 200.0, maxHeight: 200.0),

//这个是自定义Layout

child: CustomMultiChildLayout(

// 这个Delegate用来做实际的布局

delegate: ItemLayoutDelegate(),

//用来做布局的子控件们

children: children,

))),

);

}

}

CustomMultiChildLayout就是来让你做自定义布局的控件，需要一个Delegate做参数，这个Delegate需要我们自己实现。另一个参数children是需要布局的子控件。自定义布局控件的子控件们都需要用一个LayoutId的控件包起来。这也是Flutter一个比较有意思的地方，很多在Android中我们当做属性来用的东西，Flutter都会做成一个类来包裹，这也是造成UI代码比较难看的一个原因。

这里的id一般用枚举来表示，例如

enum _Block {

bg,

text,

}

bg代表新闻图片，text代表新闻标题。那么你传给CustomMultiChildLayout子控件列表需要是这样的，每一个都要用LayoutId包起来：

final List children = [];

children.add(LayoutId(

//头图的id

id: _Block.bg,

child: FadeInImage.assetNetwork(),

));

children.add(LayoutId(

// 标题的id

id: _Block.text,

child: Container()

));

最后我们在看看实际布局是怎么做的，来看ItemLayoutDelegate的代码：

class ItemLayoutDelegate extends MultiChildLayoutDelegate {

@override

void performLayout(Size size) {

if (hasChild(_Block.bg)) {

layoutChild(_Block.bg, new BoxConstraints.tight(size));

positionChild(_Block.bg, Offset.zero);

}

if (hasChild(_Block.text)) {

layoutChild(_Block.text,

new BoxConstraints.tight(Size(size.width, size.height * 0.4)));

positionChild(

_Block.text, new Offset(0.0, size.height - size.height * 0.4));

}

}

@override

bool shouldRelayout(MultiChildLayoutDelegate oldDelegate) => false;

}

自定义的布局是在performLayout这个函数中进行的。入参是个Size，也就是父控件的宽高。函数体就是根据id来取子控件，不同的子控件先调用layoutChild给约束，再调用positionChild摆位置，自定义布局就完成了，是不是很简单？

下拉刷新

====

添加一个Material design风格的下拉刷新比较简单，直接给列表包一个RefreshIndicator就可以了

return RefreshIndicator(

//触发的回调

onRefresh: _onRefresh,

child: ListView.builder()

)

下拉刷新触发的回调通过onRefresh参数设置。在_onRefesh里实现刷新数据的逻辑，需要注意的是函数_onRefresh需要返回Null类型的Future。在这个Future complete之后。刷新的图标会自己消失。效果如图：

上拉加载更多

======

Flutter没有系统提供的加载更过控件，这里我们想办法做一个比较粗糙的实现。思路是在列表的末尾添加一个加载控件，当滑动到列表底部的时候触发加载的操作。

ListView.builder(

//列表长度加1

itemCount: _articles.length + 1,

itemBuilder: (context, index) {

if (index == _articles.length) {

//如果是最后一个，返回加载更过控件

return LoadingFooter(

retry: () {

loadMore();

},

state: _footerStatus);

} else {

//返回正常列表项

学习交流

群内有许多来自一线的技术大牛，也有在小厂或外包公司奋斗的码农，我们致力打造一个平等，高质量的Android交流圈子，不一定能短期就让每个人的技术突飞猛进，但从长远来说，眼光，格局，长远发展的方向才是最重要的。

35岁中年危机大多是因为被短期的利益牵着走，过早压榨掉了价值，如果能一开始就树立一个正确的长远的职业规划。35岁后的你只会比周围的人更值钱。

网上学习资料一大堆，但如果学到的知识不成体系，遇到问题时只是浅尝辄止，不再深入研究，那么很难做到真正的技术提升。

需要这份系统化学习资料的朋友，可以戳这里获取

一个人可以走的很快，但一群人才能走的更远！不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人，都欢迎加入我们的的圈子（技术交流、学习资源、职场吐槽、大厂内推、面试辅导），让我们一起学习成长！

才是最重要的。

35岁中年危机大多是因为被短期的利益牵着走，过早压榨掉了价值，如果能一开始就树立一个正确的长远的职业规划。35岁后的你只会比周围的人更值钱。

网上学习资料一大堆，但如果学到的知识不成体系，遇到问题时只是浅尝辄止，不再深入研究，那么很难做到真正的技术提升。

需要这份系统化学习资料的朋友，可以戳这里获取

一个人可以走的很快，但一群人才能走的更远！不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人，都欢迎加入我们的的圈子（技术交流、学习资源、职场吐槽、大厂内推、面试辅导），让我们一起学习成长！