flutter布局嵌套，flutter嵌入原生页面

Flutter踩坑之旅

1、这是库的地址 PhilipsHue/flutter_reactive_ble： Flutter library that handles BLE operations for multiple devices. (github.com)安卓主要的坑就是，在使用蓝牙功能的时候，需要获取定位权限，这个需要动态获取。

2、最近在做个flutter蓝牙功能，用的flutter_blue，在iOS上没有任何问题，照着例子写完，正常运行蓝牙功能，但是在安卓上发现各种坑，用这个插件首先是有些设备拿不到设备名称，还有就是读写特征和ios上拿到的也不一样。

3、由于只有flutter的命令执行的时候无响应，所以起初认为是程序包有问题。于是通过再次解压程序压缩包和配置环境变量之后，问题仍然存在。

4、记录下坑 一开始我就使用Future、async、await去做异步操作，以为这样能解决问题，经过一天研究发现他们都还在同一个线程里面，也就是UI线程，导致卡顿，这明显不是我们想要的异步加载数据。

相关问答

Q1: Flutter中Column嵌套ListView报错处理方案

错误1：Vertical viewport was given unbounded height.设置 shrinkWrap = true ListView 或 GridView 时发现有两个属性。

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

可以通过添加一个标志位来解决，如下：在 Web 中加载网络图片有时会失败，遇到这样的报错： Exception caught by image resource service... ，造成该错误的原因通常是，图片跨域了（见 跨域资源共享 ）。

Q2: ios原生嵌套Flutter模块

1、将Flutter模块嵌入到现有iOS应用程序中有两种方式：此方法需要所有的相关开发的人员安装 Flutter 环境。需要在my_flutter文件夹下执行一下 把.ios和.android等flutter配置生成出来。

2、target FlutterHybridiOS do install_all_flutter_pods(flutter_application_path)end 接着在工程根目录下运行 pod install ，即可集成上 Flutter Module。看到我们的 Pods 中多了以下几个模块，即说明集成成功。

3、flutter run flutter pub get flutter create ..ios文件夹生成之后，回到原生项目pod install即可。

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

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

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

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

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

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

是谷歌的亲儿子 支持热重载 ：android原生开发会遇到编译-打包-安装三个步骤。开发效率迟迟得不到提升。热重载技术在flutter内完美体现。

flutter布局嵌套的介绍就聊到这里吧，感谢你花时间阅读本站内容，更多关于flutter嵌入原生页面、flutter布局嵌套的信息别忘了在本站进行查找喔。