flutter嵌套，flutter嵌入html5页面

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

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

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

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

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

[img]

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即可。

4、将 Flutter module 集成到 iOS 项目 https：//flutter.cn/docs/development/add-to-app/ios/project-setup （1）这时候还没有App.framework ， podspec文件是有了 （2）有engine，Flutter.framework。

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

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

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

3、设置属性：这种情况一般是作为child的ListView没有指定大小，尺寸被默认为0，可在外层包裹Container，并给Container设置width或者height，或包裹其它可设置尺寸的widget。

4、解决方法是在 ListView 上设置 cacheExtent 参数：该参数的作用是改变超出屏幕高度后继续渲染的范围（以像素为单位），比如设置成 9999 后意味着超出屏幕 10000 像素以内的内容都会被保留下来。

5、当ListView需要ScrollController的时候，NestedScrollView就会和ListView的滚动失去关联，此时我们只要把ScrollController换成NotificationListener即可。如果各位亲有什么其他的解决方法，记得安利我哦。。

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