flutter1.5,flutter 122
Flutter Transform使用介绍
窗口小部件(Widget)可以在Paint之前应用Transform进行转换，通过Transform可以对widget进行平移、旋转、缩放等矩阵变换。不像RotatedBox在layout前就对Widget进行旋转操作，Transform是在Widget绘制前进行转换，这意味着在计算Widget的显示需要占用多少空间时，不会去考虑Transform变换。
目前创新互联已为数千家的企业提供了网站建设、域名、虚拟主机、网站托管、企业网站设计、武清网站维护等服务，公司将坚持客户导向、应用为本的策略，正道将秉承"和谐、参与、激情"的文化，与客户和合作伙伴齐心协力一起成长，共同发展。
例子
在垂直方向移动15个单位距离
例子
顺时针旋转45°
例子
放大1.5倍
Flutter Plugin的坑
[GeneratedPluginRegistrant registerWithRegistry:self]默认注册到self.window.rootViewController的。 所以需要先初始化rootViewController,再注册Plugin。
如果Window的rootViewController不是FlutterViewController，直接注册Plugin会注册失败。我们需要将Plugin注册到指定的FlutterViewController。
Flutter App启动后，Native调用Flutter失败？
这是因为Plugin Channel的初始化大概要1.5秒，而且这是一个异步过程。虽然Flutter页面显示出来了，但是Plugin Channel还没初始化完，所以这时Native调用Flutter是没反应的。
Flutter笔记-调用原生IOS高德地图sdk
2017年底因公司业务组合部门调整，新的团队部分维护的项目用React Native技术混合开发。为适应环境变化，开启疯狂RN学习之旅，晚上回来啃资料看视频。可能由于本身对RN技术体验不感冒或者在环境之下强迫学习有点不爽。开始寻找代替方案，Fluter像一束曙光引起了我的注意，之后一直关注并利用闲余时间开始探索。2018年一直学习到使用Flutter写项目，从0.2.0开始到现在1.5版本的发布，终于开始慢慢的爬出坑位了，但是因为部分控件感觉还是不如原生控件好用，因而Flutter提供了PlatformView部件。近期因项目中严重使用依赖地图，故而做了Fluterr使用原生IOS高德地图调研。因为我本身是一名android开发人员，初学IOS并记录下来。
PlatformView是 flutter 官方提供的一个可以嵌入 Android 和 iOS 平台原生 view 的小部件。
在我们实际开发中，我们遇到一些 flutter 官方没有提供的插件可以自己创建编写插件来实现部分功能，但是原生View在 flutter 中会遮挡住flutter 中的小部件，比如你想使用高德地图sdk、视频播放器、直播等原生控件，就无法很好的与 flutter 项目结合。
1、info.plist文件设置
2、 ios 端实现原生组件PlatformView提供原生view
3 、ios 端创建PlatformViewFactory用于生成PlatformView
4、 ios 端创建FlutterPlugin用于注册原生组件
5 、flutter 平台嵌入 原生view
iOS端的UiKitView目前还只是preview状态, 默认是不支持的, 需要手动打开开关, 在info.plist文件中新增一行io.flutter.embedded_views_preview为true.
创建类 FlutterMapView 并实现FlutterPlatformView 协议
FlutterMapView.h
FlutterMapView.m
FlutterMapFactory.h
FlutterMapFactory.m
FlutterMapPlugin.h
FlutterMapPlugin.m
请前往 高德开放平台控制台 申请 iOS Key。
注意：Bundle Identifier需要与申请的时候填写的一致
地图依赖的库列举如下：
基础 SDK AMapFoundationKit.framework
第一步：将解压后的MAMapKit.framework 文件 copy 或 拖拽 到工程文件夹中，左侧目录选中工程名，在 TARGETS-Build Phases- Link Binary With Libaries 中点击“+”按钮，在弹出的窗口中点击“Add Other”按钮，选择工程目录下的 MAMapKit.framework 文件添加到工程中。
千万不要忘记将AMapFoundationKit也一起加入工程。
3D地图正确配置应如下图所示：
需要引入的资源文件包括：AMap.bundle，其中：AMap.bundle 在 MAMapKit.framework 包中，AMap.bundle资源文件中存储了定位、默认大头针标注视图等图片，可利用这些资源图片进行开发。
左侧目录中选中工程名，在右键菜单中选择Add Files to “工程名”…，从MAMapKit.framework中选择AMap.bundle文件，并勾选“Copy items if needed”复选框，单击“Add”按钮，将资源文件添加到工程中。
成功跑起来 。。 。
为什么Flutter开发APP性能最接近原生，前端程序员请关注
Flutter是谷歌公司推出的跨终端的开发框架，支持Android、iOS和WEB终端。1.0版在2018年12月5日发布，目前的最新版本是1.5，它采用的开发语言是Dart，Dart也是谷歌开发的计算机编程语言，语法类似C，是编译型语言：
hello world例子，打印字符串“Hello World!”：
1、没有桥接层
React Native、Weex等技术都是跨终端的框架，然而性能跟原生App存在很大差距。这是由于它们的工作原理决定的：
React Native、Weex等技术多了一个桥接层，所以界面渲染会慢一些，由于UI渲染非常频繁，想要不卡顿，基本上比较难，性能和用户体验跟原生代码有差距。而这恰恰是Flutter的优势所在：
Dart可以被编译成不同平台的本地代码，让Flutter不通过桥接层直接跟平台通信，自然性能会快一些。
2、编译执行
JavaScript是解释执行的，Dart是编译执行的，性能谁好一目了然。
3、Flutter Engine虚拟机
Flutter是依靠Flutter Engine虚拟机在iOS和Android上运行的，Flutter Engine使用C/C++编写，开发人员通过Flutter框架直接和API在内部进行交互，所以具有输入低延迟和UI渲染高帧速率的特点。除了这特点之外，Flutter还提供了自己的小部件，Flutter小部件是使用从React获取灵感的现代框架构建的。 中心思想是您使用小部件构建UI。
窗口小部件根据其当前配置和状态描述了它们的视图。 当窗口小部件的状态发生更改时，窗口小部件会重建其描述，框架将根据前面的描述进行区分，以确定底层呈现树从一个状态转换到下一个状态所需的最小更改。可以直接在OS平台提供的画布上进行描绘，也就是一些核心类库直接放到虚拟机里面，调用起来更快。
从它的系统结构可以看出，类似安卓的ART(Android Run Time)虚拟机，同样采用AOT(Ahead of TIme)技术，会在APP安装时就编译成机器语言，不再解释执行，从而优化了APP运行的性能。
4、自带渲染引擎
Flutter使用谷歌自己的Skia渲染引擎，而Android系统自带Skia引擎，iOS平台上Flutter也会把Skia引擎打包到APP中，从而实现了高效渲染。而React Native通过桥接层访问原生UI，操作频繁就容易出性能问题。
综合所述，Flutter 是性能最接近原生代码 的一种开发框架，未来也会是构建谷歌Fuchsia应用的主要方式，前途不可限量，唯一的问题就是需要学习一门新的语言：Dart，而有Java或者C#语言基础的程序员会比较容易学习。
flutter RichText在iOS上文本显示问题
在Flutter中有一些场景会需要展示多格式的文本也就是富文本，这个时候我们可以使用RichText+TextSpan的方式来做展示。不过会发现iOS系统中如果设置字体显示很大，这里的文本显示就会很小。
用Text.rich来代替RichText
问题的关键是textScaleFactor，代表字体缩放因子，是指每个逻辑像素对应的实际字体像素，例如如果textScaleFactor这个值是1.5，那么字体将会比指定的字体大小大50%
在Text.rich的实现中，最终构建widget仍然是RichText:
其中textScaleFactor是这样实现的：
textScaleFactor: textScaleFactor ?? MediaQuery.textScaleFactorOf(context),
如果传来的参数为空，则去用mediaQuery查询获得。
而直接使用RichText时，默认的textScaleFactor为1，不会随着系统字体设置而变化。
从Text.rich和RichText的构造方式中也可以看出，Text.rich本身的实现也是调用RichText,不过有了更多默认属性的设置，这就给开发带来一些便利，特别是可以覆盖开发考虑不到的属性，因此在实际开发中，需要在Flutter中使用富文本时，开发中推荐使用Text.rich这种方式。
Flutter 中不同分辨率的图片如何加载
1.说明：
我们都知道在使用 Android 原生开发 app 的时候不同分辨率的图片放置到下面对应的文件夹中：
但是使用 Flutter 开发 app 时却有不同，他们也有一个对应的关系，按照他们的对应关系建立文件夹就可以了，如下：
2.使用：
首先在 Flutter 项目根目录中创建一个 images 文件夹用来存放图片资源；
然后在项目目录下找到 pubspec.yaml 文件打开，声明图片资源；
如何加载不同分辨率的图呢，例如 android 中的 hdpi，xhdpi，xxhdpi 和 ios 中的 1x，2x，3x。只需要在 images 文件夹中在创建两个 2.0x，3.0x 文件夹用来存放 2x，3x 的图片资源：
如上图，1.0x 图片放到了 account 文件夹中，account 文件夹下又有 1.5x、2.0x、3.0x、4.0x 文件夹，分别存放对应分辨率的图片，这里要注意文件夹的对应关系。
使用图片时，只需要使用 account 文件夹下的图片就行了，系统会根据手机的分辨率，加载对应文件夹中的图片，如:
分享文章：flutter1.5,flutter 122
当前路径：http://shouzuofang.com/article/dsephie.html