flutter布局实践，flutter 布局详解,必知必会

提示：扫一扫查出行
【扫一扫了解最新限行尾号】
复制提示

Flutter面试:渲染原理

支持垮平台：flutter基于图像回执引擎进行渲染，在不同平台下绘制效果绝对是一致的，能做到真正的跨平台，一处写，处处运行。性能优异性：不同于H5通过DOM渲染和RN映射组件，flutter直接基于native进行绘制。

当测试在执行断言的过程：根据需要，可以继承 LocalFileComparator 并复写的 compare 和 update 方法得到你想要的对比器，并通过 flutter_test_config.dart 指定对比器。

渲染引擎依靠跨平台的Skia图形库来实现，依赖系统的只有图形绘制相关的接口，可以在最大程度上保证不同平台、不同设备的体验一致性，逻辑处理使用支持AOT的Dart语言，执行效率也比JavaScript高得多。

Q1: Flutter-布局

1、弹性布局允许子组件按照一定比例来分配父容器空间 Flex组件和Row、Column属性主要的区别就是多一个direction。当direction的值为Axis.horizontal的时候，则是Row。当direction的值为Axis.vertical的时候，则是Column。

2、大家在学习Flutter的时候，刚刚开始学习布局应该会各种遇到溢出。比如在用到Row或者Column经常会遇到布局溢出的问题。

3、（一）布局 Flutter采用深度优先机制遍历渲染对象树，决定渲染对象树中各渲染对象在屏幕上的位置和尺寸。

4、flutter的布局模型是“一步布局模型”（one-pass layout model），在渲染树中，向下treewalk传递给子盒约束，然后再向上treewalk将计算好的几何形状(比如高度、宽度等)传递给父。

5、表格布局和线性布局比较相似，只是使用起来更简洁一些。

6、SliverGridDelegate 是一个抽象类，定义了GridView Layout相关接口，子类需要通过实现它们来实现具体的布局算法。

Q2: Flutter基础篇——常用Widget

对于初学flutter的朋友来说，要知道，flutter的UI万物皆Widget。 flutter所写的页面的结构可以被看成套娃，一层套一层，一层套一层，一层套一层。。

Flutter中Widget，State和BuildContext的概念是每个Flutter开发人员需要完全理解的最重要概念之一。这里先讲解一下Widget以及Widget。三者之间的关系会在最后一篇总结一下。

new Image.file：加载本地图片文件(File文件）图片。 new Image.memory：加载Uint8List资源图片（byte数组）图片。

所有Flutter需要有跨结点(只能是祖先后代节点，不能跨兄弟节点)高效传递数据的方案。

Q3: Flutter实践--屏幕适配

1、所以在flutter项目中，我们需要构建对应的倍数像素文件夹之后再pubspec.yaml中，配置assets文件后就可以使用了（如使用assets/images/jay.png，会自动适配该像素下最接近的jay图片）。

2、UI适配解决方案：采用ScreenUtil插件，初始化时候传入设计稿大小，当发现一屏显示的大小有差异时候采用插件提供的setWidth和setHeight来设置具体的宽高（会根据设计稿大小和实际设备逻辑像素宽高比进行缩放）。

3、Amaze UI 以移动优先（Mobile first）为理念，从小屏逐步扩展到大屏，最终实现所有屏幕适配，适应移动互联潮流。

4、它集成了 iOS Autolayout、Size Classes、Android 的 5 大布局体系、HTML/CSS 的浮动定位技术以及 Flex-Box 和 Bootstrap 框架等主流的平台的界面布局功能，并提供了一套简单、完备的多屏幕尺寸适配的解决方案。

5、实际上，Row和Column都只会在主轴方向占用尽可能大的空间，而交叉轴的长度则取决于他们最大子元素的长度。

6、虽然使用了缓存，而且也是用 builder 加载图片的，但是发现一个现象：滑动屏幕后图片短暂消失并重新加载了。图片高度很高时这种现象更加明显，其原因是超出屏幕范围一定距离的组件被重新渲染了。

Q4: Flutter浪潮下的音视频研发探索

大家好，我是阿里巴巴闲鱼事业部的陈炉军，本次分享的主题是Flutter浪潮下的音视频研发探索，主要内容是针对闲鱼APP在当下流行的跨平台框架Flutter的大规模实践，介绍其在音视频领域碰到的一些困难以及解决方案。

我觉得有意思，很cool的来源项目还是挺多的，比如FartHero，Tiimo，Zones，Hello以及Camerons World等，我感觉都是有趣且炫酷的开源项目。 FartHero 这个 APP 用来评估你的屁。

fijkplayer 是一个 Flutter 生态的媒体播放器，是对 ijkplayer 的 Flutter 封装，支持 Android 和 iOS。

关于flutter布局实践和flutter 布局详解,必知必会的介绍到此就结束了，不知道你从中找到你需要的信息了吗？如果你还想了解更多这方面的信息，记得收藏关注本站。