flutter组件间通信，flutter常用组件

flutter_inappbrowser和h5交互

1、需求，app中使用webview和h5交互，根据h5发过来的消息，在屏幕上展示flutter组件，并且可以发送消息给h5。首先使用的组件是flutter_WebView_plugin，这个组件不能嵌套flutter组件，所以放弃这个组件。

2、flutter加载h5很卡的解决方法如下：一种临时解决方案，在切换动画加载完毕后，再去构造 WebView，这样从用户角度上看，就不会有路由切换动画的卡顿了。

3、这个技术栈就是纯粹的容器技术栈，React Native、Xamarin、Flutter 都属于这一类。学习时，除了学习容器的 API Bridge，还要学习容器提供的 UI 层，即怎么写页面 总结：H5 开发主要用在混合技术栈。

4、所以咸鱼flutter没有换成h5，而是两者共用。咸鱼flutter是一个全新的移动UI框架，它允许使用同一个代码库构建高性能的Android和iOS应用，在此基础之上，以h5为数据分析的系统，进行大数据分析，从而二者共同促进咸鱼的使用率。

相关问答

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

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

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

3、流程：点击子组件按钮的时候，会执行子组件定义的方法，然后通过this.$emit触发了父组件传过来的parentsay；然后parentsay对应的就是父组件绑定的say方法，因此实现了父组件的方法实现传递。

Q2: Flutter与原生通信概述

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

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

3、综合所述，Flutter 是性能最接近原生代码 的一种开发框架，未来也会是构建谷歌Fuchsia应用的主要方式，前途不可限量，唯一的问题就是需要学习一门新的语言：Dart，而有Java或者C#语言基础的程序员会比较容易学习。

4、常用布局的对比 使用下来其他组件大致还算方便，但是相对布局而言使用便利程度上Android原生完胜，ConstraintLayout内部的所有子View可以设置互相之间的位置依赖关系。

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

6、原生处理：flutter在iOS中的使用，主要是以FlutterViewController为载体，并在其内部采用FlutterEngine对视图进行渲染。

Q3: Flutter-channel详解

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

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

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

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

关于flutter组件间通信和flutter常用组件的介绍到此就结束了，不知道你从中找到你需要的信息了吗 ？如果你还想了解更多这方面的信息，记得收藏关注本站。