flutter边框圆角，flutter 侧边栏

小程序：扫一扫查出行
【扫一扫了解最新限行尾号】
复制小程序

六、单子布局、多子布局

单子布局组件的含义是其只有一个子组件比较常用的单子布局组件有： Align 、 Center 、 Padding 、 Container 。

如果两人都是双控的话，就正常摆差不多的布局，怎么看这两个布局都是先攻的，就摆对子站优势或者很难看虚实的布局，就是那种让对方很难判断军旗的布局。

第一种布局掌握三原则，先占空角最重要，挂角守角是次序，拆边分投要先走。布局关键占要点，切莫贪吃走小棋，急所大场抢先占，立二拆三三拆四。高低配合是棋理，开局棋下三四路，五路太飘二路扁，分投定要位置好。

初学者应该从认象棋子开始学起，了解好每个子的走法以及相关规则，包括了解一下相关杀法。对面笑、双车错、马后炮、重炮等等。

Flutter性能优化

1、直接在 build 里调用肯定可以，虽然 build 会被比较频繁执行，但是 of(context) 操作其实就是在一个 map 里通过 key - value 获取泛型对象，所以对性能不会有太大的影响。

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

3、一个Demo，3个动画的CPU使用率达到了80%，如果用java or kotlin 去实现应该不会有那么高的占有率，所以Flutter的还需要继续的优化。

4、性能优异性：不同于H5通过DOM渲染和RN映射组件，flutter直接基于native进行绘制。性能上完全超过原生。Dart语法编译：Dart是一种强类型、跨平台的客户端开发语言。

5、在闲鱼的实践中，我们发现在正常的开发没有特意的去优化UI代码的情况下，在一些低端机上，Flutter界面的流畅性是比Native界面要好的。

6、这四步，对应的过程如上图所以，我们可以针对性的做性能优化。优缺点分析下面，我们进行H5的优缺点分析：优点缺点虽然H5目前还存在不足，但随着PWA、WebAssembly等技术的进步，相信H5在未来能够得到越来也好的发展。

1、Flutter 内置了多种 Button 控件，常见的有：- RaisedButton：凸起的按钮，其实就是 Android 中的 Material Design 风格的 Button，继承自 MaterialButton。- FlatButton：扁平化的按钮，继承自 MaterialButton。

2、点击Button 之后，我们把 num 变量加一，并使用 setState 通知状态发生了改变，Flutter 会根据新的状态更新 UI。如果有接触过小程序开发，setState 就和小程序的 setData 类似。

Flutter-布局

flutter布局需要先了解flutter所有布局的widget，首先flutter布局分为Container、RenderObjectWidget和ParentDataWidget。而RenderObject中经常使用的有SingleChildRenderObjectWidget（单节点）和MultiChildRenderObjectWidget（多节点）。

弹性布局允许子组件按照一定比例来分配父容器空间 Flex组件和Row、Column属性主要的区别就是多一个direction。当direction的值为Axis.horizontal的时候，则是Row。当direction的值为Axis.vertical的时候，则是Column。

表格布局和线性布局比较相似，只是使用起来更简洁一些。

Flutter踩坑之旅

这是库的地址 PhilipsHue/flutter_reactive_ble： Flutter library that handles BLE operations for multiple devices. (github.com)安卓主要的坑就是，在使用蓝牙功能的时候，需要获取定位权限，这个需要动态获取。

最近在做个flutter蓝牙功能，用的flutter_blue，在iOS上没有任何问题，照着例子写完，正常运行蓝牙功能，但是在安卓上发现各种坑，用这个插件首先是有些设备拿不到设备名称，还有就是读写特征和ios上拿到的也不一样。

由于只有flutter的命令执行的时候无响应，所以起初认为是程序包有问题。于是通过再次解压程序压缩包和配置环境变量之后，问题仍然存在。

记录下坑一开始我就使用Future、async、await去做异步操作，以为这样能解决问题，经过一天研究发现他们都还在同一个线程里面，也就是UI线程，导致卡顿，这明显不是我们想要的异步加载数据。

Flutter进阶篇：Dart语法基础篇：Dart语法进阶篇：说明：本文中的所有函数的引用在 main 函数中：这里的执行结果是：Futue直接new就可以了。

开始寻找代替方案，Fluter像一束曙光引起了我的注意，之后一直关注并利用闲余时间开始探索。