Android原生和Flutter使用过程的差异对比(一)
界面搭建过程中各种大小单位 Android：通常采用dp设置View宽高（和px像素的换算关系是dp值 × density逻辑密度），sp设置字体大小（会随着系统字体设置的大小而改变）。
常用布局的对比 使用下来其他组件大致还算方便，但是相对布局而言使用便利程度上Android原生完胜，ConstraintLayout内部的所有子View可以设置互相之间的位置依赖关系。
Flutter使用谷歌自己的Skia渲染引擎，而Android系统自带Skia引擎，iOS平台上Flutter也会把Skia引擎打包到APP中，从而实现了高效渲染。而React Native通过桥接层访问原生UI，操作频繁就容易出性能问题。
由于使用原生控件进行渲染，性能体验也会更接近原生。但也只是更接近，和原生还是有差距的，因为它需要频繁的进行 JavaScript 和原生之间的通信，这个通信效率是比较低的。
Flutter Flutter是谷歌的移动UI框架，可以快速在iOS和Android上构建高质量的原生用户界面。Flutter可以与现有的代码一起工作。在全世界，Flutter正在被越来越多的开发者和组织使用，并且Flutter是完全免费、开源的。
使用flutter开发flutter是近年来谷歌推出的一款UI框架，使用dart语言进行开发，支持跨平台，weight渲染直接操作硬件层，体验可媲美原生。但是flutter技术比较新，生态还不完善，开发起来效率相对偏低。
Android原生和Flutter使用过程的差异对比(二)
1、React Native、Weex等技术多了一个桥接层，所以界面渲染会慢一些，由于UI渲染非常频繁，想要不卡顿，基本上比较难，性能和用户体验跟原生代码有差距。
2、界面搭建过程中各种大小单位 Android：通常采用dp设置View宽高（和px像素的换算关系是dp值 × density逻辑密度），sp设置字体大小（会随着系统字体设置的大小而改变）。
3、由于使用原生控件进行渲染，性能体验也会更接近原生。但也只是更接近，和原生还是有差距的，因为它需要频繁的进行 JavaScript 和原生之间的通信，这个通信效率是比较低的。
4、使用flutter开发flutter是近年来谷歌推出的一款UI框架，使用dart语言进行开发，支持跨平台，weight渲染直接操作硬件层，体验可媲美原生。但是flutter技术比较新，生态还不完善，开发起来效率相对偏低。
5、就和H5一起开发。使用flutter开发Flutter是Google近几年推出的UI框架。使用dart语言开发，支持跨平台，直接操作带权重渲染的硬件层，体验堪比原生。但是颤振技术比较新，生态还不完善，开发效率比较低。
webview_flutter滑动存在卡顿问题的完美解决方法
1、一种临时解决方案，在切换动画加载完毕后，再去构造 WebView，这样从用户角度上看，就不会有路由切换动画的卡顿了。
2、首先我们先确定滑动冲突是事件分发机制的事情。
3、但是在webview里点击链接跳转的时候，测试机有时会跳转到系统浏览器上，并且点击文本框无法弹出键盘，交互性很弱。
flutter中webview显示html字符串乱码
1、flutter build web命令默认的渲染模式为auto，这种模式在移动端使用html渲染，在pc端使用canvaskit渲染。
2、webView.loadUrl()；直接显示网页内容(单独显示网络图片)，一般不会出现乱码。webView.loadData(data， text/html， UTF-8)；loadData主要被设计用来装载URI格式的数据，它不能通过网络来加载内容。
3、当使用 WebView 等高度不定的组件时会出现内容被截断的情况，通常可以使用 NestedScrollView 来解决该问题，需要在 WebView 外部嵌套 SingleChildScrollView。
Flutter笔记-调用原生IOS高德地图sdk
Flutter 中所有的 list 默认都是没有 ScrollBar 的，必须使用 ScrollBar 组件。ScrollBar 组件通过监听 ScrollView 的 ScrollNotification 来刷新位置，所以 List 的长度必须是固定的。
本文讲解是的是，flutter 如何添加推送能力，极光推送也有一个插件，但是好像无法实现点击推送，让APP 冷启动并并进入对应的业务子页面。
Flutter 就是这样的一个开发框架。 一个跨平台 UI 解决方案 Flutter 是由 Google 开发的，一个跨平台 UI 解决方案。
Flutter初始化
1、新建一个Flutter工程，android模块。 1，只有一个Activity组件，它是Dart层绘制Widget的容器。 2，Application配置FlutterApplication。应用Application配置io.flutter.app.FlutterApplication类，App首次启动时，初始化。
2、在Widget销毁之前将WebView的监听和view销毁掉。flutter生命周期大体上可以分为三个阶段：初始化、状态变化、销毁。
3、StatefulElement 初始化方法如下：这意味着如果 StatefulWidget 被插入到树中的多个位置，则会有多个 State 对象分别与它们关联。关于此类的定义如下：描述： 重写此方法以执行初始化。
4、在执行initState时，View没有渲染，但是StatefulWidget 已经被加载到渲染树里了，这事的StatefulWidget的 mount 的值会变为true，知道dispose才会变为false.一般我们把初始化的一些操作都放在initState中。
5、这个也需要提下，视频播放器在播放新视频时会异步初始化，一般我们的操作是在 initState() 初始化，成功后再 setState() 。
关于flutter-view和flutterview白屏的介绍到此就结束了，不知道你从中找到你需要的信息了吗 ？如果你还想了解更多这方面的信息，记得收藏关注本站。
