flutterwidget，flutterwidget生命周期

Flutter面试:渲染原理

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

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

本文面向 Flutter 初学者，旨在用易懂的方式带大家入门。除了 Flutter 代码，还会介绍到语法、原理、特性等基础知识。相信本文能帮助你学习和理解 Flutter。

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

widget)构建你的UI。组件描述了在给定其当前配置和状态时他们显示的样子。当组件状态改变，组件会重构它的描述(description)，Flutter会对比之前的描述，以确定底层渲染树从当前状态转换到下一个状态所需要的最小更改。

计算两点距离 异步并发示例 使用了Isolate 面向对象 对于面向对象这个概念，相信了解Java的同学对这个概念一定不会陌生。例如：我们有个Person Object他有很多特征和行为。这些都是这个Person Object的属性。

相关问答

Q1: Flutter生命周期

1、生命周期是一个从创建到销毁的过程，Flutter生命周期分为两部分： Widget的生命周期 APP的生命周期 StatelessWidget 对于StatelessWidget来说，生命周期只有build过程。

2、flutter生命周期大体上可以分为三个阶段：初始化、状态变化、销毁。

3、State的生命周期有四种状态：完整生命周期如下：当控件的配置被更改时会调用State.didUpdateWidget方法，此时框架会重新绘制控件。

4、上面代码里的 mounted 标识位来自于 State ， 因为 State 是依附于 Element 创建，所以它可以感知 Element 的生命周期 ，例如 mounted 就是判断 _element ！= null； 。

5、其实如果你仔细阅读过百度官方的文档，会发现里面有关于 地图的生命周期管理 。然后在这里面没有提及到，这一点虽然没提，但不可或缺，小伙伴就自行思考吧。

Q2: Flutter开发-屏蔽Widget的多点触控行为

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

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

3、接下来回到 Flutter，Flutter 里最重要的一个概念是 Widget(下面翻译作控件)。 在原生开发里面，我们可能会在界面上区分，这是一个 View，这是一个 Layout，这是一个 View Controller。

4、flutter中基础的widget，可以为子节点设置内间距。当padding没有child的时候，它会产生一个宽为left+right，高为top+bottom的区域，当padding的child不为空的时候会将约束传递给child。一般在使用间距的地方使用。

5、在上面的示例中，我们将Widget转换为StatefulWidget，然后提取httpCall()到initState中，这样问题就解决了 另外，还可以使一个Widget能够在不强迫其子部件也构建的情况下进行重新构建。

Q3: Flutter中InheritedWidget的使用

背景：flutter组件嵌套都很深，依次传递数据很麻烦，所以最好是能够跨组件传递。有三张跨组件的方式：InheritedWidget、Notification、Eventbus.是一种自上而下的传递数据的方式。

Flutter 中子类可以访问父类的所有变量和方法，因为Flutter没有public 和 private 之分 a、混合对象是一个类 b、一个类可以混合多个类 a、class 就是一个接口 b、class 被当做接口使用时，class的方法就是接口方法。

在使用的时候把子列表添加进去，并设置对应的GlobalKey。

didChangeDependencies调用次数：多次初始化时，在initState()之后立刻调用当依赖的InheritedWidgetrebuild，会触发此接口被调用。实测在组件可见状态变化的时候会调用build调用次数：多次初始化之后开始绘制界面。

addPostFrameCallback是StatefulWidget渲染结束之后的回调，只会调用一次，一般是在initState里添加回调：，一般在dispose中做一些取消监听、动画的操作，和initState相对使用。

注意： didUpdateWidget 方法最终会调用 build 方法，因此在此方法中调用 setState 是多余的。如果重写此方法，请确保调用 super.didUpdateWidget(oldWidget) 。

Q4: Flutter基础Widget之按钮(RaisedButton、FlatButton、OutlineButton,Ico...

Flutter 内置了多种 Button 控件，常见的有：- RaisedButton：凸起的按钮，其实就是 Android 中的 Material Design 风格的 Button，继承自 MaterialButton。- FlatButton：扁平化的按钮，继承自 MaterialButton。

基础控件就是常用的文字、按钮、图片等控件。 常用的基础控件有 Text、TextField、Button、Image 等。 功能控件 在Flutter 里还有一类控件，它们不影响 UI 布局，但带有一些特定的功能，比如页面跳转、事件监听、定义主题等。

关于flutterwidget和flutterwidget生命周期的介绍到此就结束了，不知道你从中找到你需要的信息了吗 ？如果你还想了解更多这方面的信息，记得收藏关注本站。