flutter充满父布局 flutter 布局

Flutter面试:渲染原理

1、解压后，将 flutter\bin 的全路径添加到环境变量 PATH 中。 安装开发工具 理论上，任何文本编辑器都可以用来开发 Flutter 应用，但推荐的开发工具是 Android Studio、IntelliJ 以及 VS Code。

2、没有桥接层 React Native、Weex等技术都是跨终端的框架，然而性能跟原生App存在很大差距。

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

4、可以继承 LocalFileComparator 并复写的 compare 和 update 方法得到你想要的对比器，并通过 flutter_test_config.dart 指定对比器。了解Flutter Golden File Test的原理，可以帮组我们更好的去思考什么时候需要使用它。

5、本文首发在公众号 Flutter那些事 ，欢迎大家多多关注。工具安装：Flutter基础篇：Flutter进阶篇：Dart语法基础篇：Dart语法进阶篇：说明：本文中的所有函数的引用在 main 函数中：这里的执行结果是：Futue直接new就可以了。

flutter设置container的宽度撑满父组件

设置child的对齐方式，并根据child的尺寸调整自身的尺寸。

Padding 组件在iOS、Android端也是一个属性，但是在Flutter中也是一个Widget Padding通常用于设置子Widget到父Widget的边距（理解为父组件的内边距或子Widget的外边距）。

空间超出提示 注释 ：Flutter Incorrect use of ParentDataWidget 问题原因：Expanded、Flexible等组件，在“Container、Padding、Stack”组件中导致的。

Flutter百分比布局widget

设置百分比的因子： widthFactor 1即100%。

flutter布局需要先了解flutter所有布局的widget，首先flutter布局分为Container、RenderObjectWidget和ParentDataWidget。而RenderObject中经常使用的有SingleChildRenderObjectWidget（单节点）和MultiChildRenderObjectWidget（多节点）。

Widget类在Flutter中是非常重要的，继承自Widget类的有PreferredSizeWidget、ProxyWidget、RenderObjectWidget、StatefulWidget、StatelessWidget。

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

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

Flutter性能优化

1、滚动步长插值器优化（了解） 官方的滚动差值器在出现小卡顿时，滚动步长会出现大的跳跃，导致体感上出现很明显的抖动，优化步长偏移量算法与原生效果对齐。

2、直接在 build 里调用肯定可以，虽然 build 会被比较频繁执行，但是 of（context） 操作其实就是在一个 map 里通过 key - value 获取泛型对象，所以对性能不会有太大的影响。

3、Flutter使用谷歌自己的Skia渲染引擎，而Android系统自带Skia引擎，iOS平台上Flutter也会把Skia引擎打包到APP中，从而实现了高效渲染。而React Native通过桥接层访问原生UI，操作频繁就容易出性能问题。

4、按Flutter提供的现有能力，必须先将纹理中的数据从GPU读出到CPU中，生成Bitmap后再写入Surface中，这样在Flutter中才能顺利的更新到视频数据，这样做对系统性能的消耗很大。