flutter适配不同手机，flutter调用安卓原生

Flutter实践--屏幕适配

所以在flutter项目中，我们需要构建对应的倍数像素文件夹 之后再pubspec.yaml中，配置assets文件后就可以使用了（如使用assets/images/jay.png，会自动适配该像素下最接近的jay图片）。

UI适配解决方案：采用ScreenUtil插件，初始化时候传入设计稿大小，当发现一屏显示的大小有差异时候采用插件提供的setWidth和setHeight来设置具体的宽高（会根据设计稿大小和实际设备逻辑像素宽高比进行缩放）。

Amaze UI 以移动优先（Mobile first）为理念，从小屏逐步扩展到大屏，最终实现所有屏幕适配，适应移动互联潮流。

它集成了 iOS Autolayout、Size Classes、Android 的 5 大布局体系、HTML/CSS 的浮动定位技术以及 Flex-Box 和 Bootstrap 框架等主流的平台的界面布局功能，并提供了一套简单、完备的多屏幕尺寸适配的解决方案。

app是如何制作的,APP如何开发?

1、页面设计我们看到的app都一个个页面，每个页面功能不同。首先是产品经理通过调研整理需求，然后将需求整理成页面(可以使用墨刀等网页制作)，然后在交给UI人员进行专业设计和美化，最后将设计图打包给开发人员。

2、谷歌推出的AppInventorAndroidApp开发工具可以让你仅通过拖拉式的简单操作就可以创建自己的AndroidApp。对于那些为了特定目的想要动手尝试开发一个简单应用的用户。

3、需求分析：app开发公司和客户交谈确定需求，并且通过分析竞争产品最终做出相关报告，收集用户的使用习惯报告，最后制作出需求文档。专业的手机APP开发团队会考虑所有客户的要求，选择最适合的技术和方法来实施该想法。

4、一个APP项目的最初首先要确定项目整体方案，整个项目的规划，大体框架，做成文档展现出来，以便大家提意见和更好的改进。也就是说首先要确立产品原型，进入项目评估阶段。经过反复确认，最终形成产品脑图和完整的需求文档。

为什么说移动端的未来是Flutter?

1、Flutter Flutter是Google开发的一套全新的跨平台、开源UI框架，支持iOS、Android系统开发，并且是未来新操作系统Fuchsia的默认开发套件。

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

3、因为flutter只有一个dart引擎，所有没有来回通信参数的性能问题，所以性能比rn和weex跟高；这个通信的折损特别表现在跟手势的js响应操作绘制帧动画，或者说js连续操作界面元素方面。场景如：界面可拖动的浮动球、可拖动的滑块等。

4、使用H5开发的好处有很多，可以多端复用，比如浏览器端，ios端，当然H5开发的体验是没有原生好的。结合我做过的项目来说，一般是这个页面需要分享出去的话，就用H5开发。

5、而在移动端，类似React Native，Flutter也是非常有名的跨平台移动开发，它们与移动原生开发方式之间一直是竞争与共存。而前端因为依托于浏览器，天然就是跨平台的。

6、如果站在公司层面去选择一种跨平台的开发方式，更需要考虑项目成员的人员结构，如果前端开发人员比较多，还是推荐使用ReactNative的方式接入；如果是移动端原生开发人员就很充足那就选择Flutter的方式。

Flutter与Android通信的三种方式

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

当Flutter端发送消息到BinaryMessenger时，BinaryMessenger会根据其入参channel找到对应的BinaryMessageHandler，并交由其处理。Binarymessenger在Android端是一个接口，其具体实现为FlutterNativeView。

渲染方式：Widget渲染界面性能：FlutterAPP是除了NativeAPP以外性能最好的；热更新：不支持；Uni-AppDCloud公司开发的一款基于vue.js的跨端的框架；渲染方式：混合渲染、weex原生渲染、webview渲染。

所有Flutter需要有跨结点(只能是祖先后代节点，不能跨兄弟节点)高效传递数据的方案。

在flutter中使用notifacation，目前可以使用官方的插件 Flutter Local Notifications Plugin 来实现。在pubspec.yaml中添加 使用该插件的思路大致为：在android中设置权限管理——引入依赖——初始化。

一文解决Flutter中使用TextField遇到的各种疑难杂症

1、第一种情况需要在页面根布局使用 WillPopScope 在 onWillPop 中拦截返回处理。

2、对于金额等的输入，常常要求TextField限制输入为小数，可使用以下约束：但这种限制会有问题，比如可以输入 0.1 这种其实就不是小数了，并且不能限制小数点的输入位数。

3、也就是Widget会被重建，重建时原有的状态不会自动恢复，里面的文字自然就消失了，解决方法是把flutterlistviewitem封装成一个StatefulWidget，然后用AutomaticKeepAliveClientMixin来保证TextField不会被回收。

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，操作频繁就容易出性能问题。

flutter适配不同手机的介绍就聊到这里吧，感谢你花时间阅读本站内容，更多关于flutter调用安卓原生、flutter适配不同手机的信息别忘了在本站进行查找喔。