亿天网
技术教程、前端开发、后端开发、数据库管理
- 文章41068
- 阅读142794
为什么Flutter开发APP性能最接近原生,前端程序员请关注
1、性能强大：Flutter 的性能强大，流畅。与众多基于 html 的跨平台框架相比，Flutter 绝对是体验最好，性能与构建思路几乎最接近原生开发的框架。
2、性能优越：原生应用在性能方面通常更出色，因为它们充分利用了底层硬件和操作系统的优势。用户体验：提供最佳的用户体验，与操作系统的界面和功能完全一致。缺点：成本较高：需要针对每个平台分别开发，增加了开发和维护的成本。
3、闲鱼选择Flutter主要是出于高性能的考虑。Flutter高性能主要来源于2个原因：更多比较：没有银弹的解决方案，Flutter与RN各有优点。如何选择因素很多，关键看如何取舍，举个例子：云端技术栈的打通，是减少协同的不错的解法。
4、Flutter原本是为了解决Web开发中的一些问题，而开发的一套精简版Web框架，拥有独立的渲染引擎和开发语言，但后来逐渐演变为移动端开发框架。正是由于Dart当初的定位是为了替代JS成为Web框架，所以Dart的语法更接近于JS语法。
Flutter笔记-调用原生IOS高德地图sdk
1、flutter在iOS中的使用，主要是以FlutterViewController为载体，并在其内部采用FlutterEngine对视图进行渲染。
2、将Flutter模块嵌入到现有iOS应用程序中有两种方式：此方法需要所有的相关开发的人员安装 Flutter 环境。需要在my_flutter文件夹下执行一下 把.ios和.android等flutter配置生成出来。
3、① 创建原生视图，可提供外界调用的方法 / 属性等。
4、但是苦于能力有限，对Android的不熟悉，最后折戟。我不得已另起项目，然后重新实现地图sdk接入。
5、原理：我们都知道，Flutter调用原生的API需要通过插件来实现，permission_handler就是获取原生手机权限。
Android原生和Flutter使用过程的差异对比(一)
1、界面搭建过程中各种大小单位 Android：通常采用dp设置View宽高（和px像素的换算关系是dp值 × density逻辑密度），sp设置字体大小（会随着系统字体设置的大小而改变）。
2、常用布局的对比 使用下来其他组件大致还算方便，但是相对布局而言使用便利程度上Android原生完胜，ConstraintLayout内部的所有子View可以设置互相之间的位置依赖关系。
3、Flutter使用谷歌自己的Skia渲染引擎，而Android系统自带Skia引擎，iOS平台上Flutter也会把Skia引擎打包到APP中，从而实现了高效渲染。而React Native通过桥接层访问原生UI，操作频繁就容易出性能问题。
4、flutter进行广播注册会返回一个streamSubscription类型的对象，该对象可以进行消息的停止，native可在onCancel回调里面收到。
5、它是可以双端通信的，flutter端可以给Android发送消息，Android也可以给Flutter发送消息。EventChannel 只能是原生发送消息给Flutter端，例如监听手机电量变化，网络变化，传感器等。
6、混合开发结合了原生开发和Web技术，使用Web技术开发应用的部分界面，例如：ReactNative：使用JavaScript和React框架，支持同时在iOS和Android平台上开发。Flutter：使用Dart语言，由Google推出，支持iOS、Android以及Web平台。
flutter与原生混编(iOS)
1、flutter在iOS中的使用，主要是以FlutterViewController为载体，并在其内部采用FlutterEngine对视图进行渲染。
2、执行完毕后，Flutter module将会创建在ios项目/my_flutter目录下 将Flutter模块嵌入到现有iOS应用程序中有两种方式：此方法需要所有的相关开发的人员安装 Flutter 环境。
3、因为在Deug模式下，Flutter为了实现热重载，默认编译方式为JIT。而iOS14系统对这种编译模式做了限制，导致无法启动。
4、因为flutter在release模式下的编译方式是AOT，iOS14+的系统是支持这种编译方式的，具体解决方案如下图 再运行就可以了。
5、iOS项目引入Flutter后，安装Debug包，打开Flutter界面会出现In iOS 14+， debug mode Flutter apps can only be launched from Flutter tooling， IDEs with Flutter plugins or from Xcode问题。
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 如何添加推送能力，极光推送也有一个插件，但是好像无法实现点击推送，让APP 冷启动并并进入对应的业务子页面。
4、① 创建原生视图，可提供外界调用的方法 / 属性等。
5、通过module的形式将flutter嵌入已有的ios项目中后，打包发布时可能会遇到报 Flutter.framework包含了x86_64框架问题，出现这个问题基本是因为粗心。怎么构建flutter module项目这里不提了，官方和网上博客都有。
6、本文相关的一系列文章是为了记录从一个iOS开发从零开始学习Flutter的过程，如果你恰巧也是从iOS或者Android原生开发开始学习Flutter，希望能对你有一些帮助。
flutter跳转原生页面后的穿透问题
1、原因推测：推测是flutter对控制器（或者view）加了分类，重写了控制器的点击事件，用来计算是否在对应的点击位置有flutter响应事件。没有的话再扔出去点击事件。
2、使用GestureTap 包装组件的时候，子组件使用Expand，点击Expand上有时候不会触发点击事件，这时候在用Container 包装一下，color 设置为 Colors.transparent ，子组件的事件就可以穿透了到父组件了。
3、一种是使用系统的返回键，比如 android 底部导航自带的返回，另一种是使用导航栏自定义的返回键 第一种情况需要在页面根布局使用 WillPopScope 在 onWillPop 中拦截返回处理。
4、注释 ：Flutter Incorrect use of ParentDataWidget 问题原因：Expanded、Flexible等组件，在“Container、Padding、Stack”组件中导致的。解决方案：保持： Expanded、Flexible 只在 Row、Column 等组件内，不在其他组件内使用。
5、默认的appbar下方会自带一个阴影效果。要去掉这个阴影的话需要在appbar中设置：核心的思想就是在column中使用expend包裹一次然后child使用listView，这样的话输入框被聚焦的时候键盘就会把页面顶上去。
