flutter重绘子组件，flutter绘制

小程序：扫一扫查出行
【扫一扫了解最新限行尾号】
复制小程序

Flutter-channel详解

Binarymessenger在Android端是一个接口，其具体实现为FlutterNativeView。而其在iOS端是一个协议，名称为FlutterBinaryMessenger，FlutterViewController遵循了它。

Android主动跟flutter通信，如下 BasicMessageChannel 它是可以双端通信的，flutter端可以给Android发送消息，Android也可以给Flutter发送消息。

该 StreamBuilder 组件将连接到一个 Stream ，并在每次收到消息时通知Flutter重新构建界面将数据发送到服务器为了将数据发送到服务器，我们会add消息给WebSocketChannel提供的sink。

Flutter有生成构造函数、默认构造函数、命名构造函数、重定向构造函数、常量构造函数、工厂构造函数生成构造函数是最常见的构造函数，即生成实体类对象。如果未声明构造函数，则会提供默认构造函数。

Flutter 是由 Google 开发的，一个跨平台 UI 解决方案。换句话说，它原则上只管 UI 的问题，如果涉及到平台本身的一些功能，比如调用蓝牙、摄像头，一般还是需要原生代码去操作。但现在也会有一些第三方库帮我们解决这些问题。

Android原生和Flutter使用过程的差异对比(二)

1、界面搭建过程中各种大小单位 Android：通常采用dp设置View宽高（和px像素的换算关系是dp值 × density逻辑密度），sp设置字体大小（会随着系统字体设置的大小而改变）。

2、React Native、Weex等技术多了一个桥接层，所以界面渲染会慢一些，由于UI渲染非常频繁，想要不卡顿，基本上比较难，性能和用户体验跟原生代码有差距。

3、EventChannel适用于native向flutter发送广播消息，只是单向的消息发送，native发，flutter收，返过来flutter并不能向native发送消息。

4、BasicMessageChannel 它是可以双端通信的，flutter端可以给Android发送消息，Android也可以给Flutter发送消息。EventChannel 只能是原生发送消息给Flutter端，例如监听手机电量变化，网络变化，传感器等。

5、结论：兼容性 WKWebView = flutter_webview UIWebView UIWebView ：速度相比较 WKWebView 稍快一点，但是内存是一大硬伤，所以只要条件允许，就不推荐使用了 WKWebView ：速度略慢一点，不过差别不大，总体可以接受。

Flutter:手把手教你使用滚动型列表组件:ListView

1、要实现上图的界面，直接想到是ListView添加Header。

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

3、当ListView、GridView作为Wrap、Column等组件的子组件时，若外部没有设置高度，则会产生此报错。解决放案：为ListView、GridView设置属性 shrinkWrap： true，刷新后，报错消失，但是发现其只可内部滚动。至此，需求达成。

4、里面嵌套listView 或者listview里面嵌套listview的时候就容易出现 hasSize的错误解决方法一：listview 外面添加一个container，并且给定一个指定的高度。

【Flutter】多组件共用状态,父组件状态传递给子组件

场景：多个组件共用一个状态，子组件通过方法改变父组件状态思路：状态和管理方法定义在父组件，通过构造函数传递给子组件其他子组件按照同样方法接收即可共用该父组件的状态。

但是，有时候，父组件在获取到数据后立即向子组件传递 props，子组件并不能监听到 props 的变化。

在父组件中的数据发生变化时，传给子组件，子组件未发生变化。解决方法：看子组件是否能监听到子组件的变化，然后mounted赋值给子组件的绑定的变量中。如果有什么问题希望大家多交流。

父组件的queryInfo也同样发生了改变。去官网以及各大网站查找后得知，个人发现了vue组件传值遵循这样一个规则 vue的组件传值对于引用数据类型来说，是一个浅拷贝。

flutter中如何让Column或Row的子组件相互之间保持一定的间距?_百度...

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

2、所谓线性布局，即指沿水平或垂直方向排列子组件。Flutter 中通过Row和Column来实现线性布局，类似于Android 中的LinearLayout控件。

3、因为Row是一行排布，Column是一列排布，那么它们都存在两个方向，并且两个Widget排列的方向应该是对立的。都有主轴(MainAxis)和交叉轴(CrossAxis)的概念：在前面我们用到过Row、Colum这两个组件，实际上均是继承自Flex组件。

4、Row 、 Column ：这些具有弹性空间的布局类Widget可让您在水平（ Row ）和垂直（ Column ）方向上创建灵活的布局。

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

6、注释：Flutter Incorrect use of ParentDataWidget 问题原因：Expanded、Flexible等组件，在“Container、Padding、Stack”组件中导致的。解决方案：保持： Expanded、Flexible 只在 Row、Column 等组件内，不在其他组件内使用。