八天让iOS开发者上手Flutter！
Posted 编程大鑫
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了八天让iOS开发者上手Flutter！相关的知识，希望对你有一定的参考价值。
Flutter布局
Alignment
Container类里有一个alignment属性，翻译过来应该叫对齐方式，这个属性用来控制Container的子控件相对于它自身的一个位置。在我们ios开发中，我们知道坐标系的原点是在左上角。而在flutter中，坐标系的原点在父控件的正中心，可以使用这个alignment属性来控制子控件在父控件中的位置，它有两个参数分别是double类型的x,y。取值是-1到1，当0，0的时候表示子控件在父控件的正中心；当1，0的时候，表示子控件位于x方向上的最右侧，y方向上居中；当-1，-1的时候，表示子控件位于父控件的左上角位置。有点类似于CALayer的anchorPoint属性。如图代码如下：
Row
Row表示水平布局，它有一个children属性，用来存放它的子控件。代码如下：
其中Icon类是flutter提供的一个快速创建一些常用图标的类。如果想给每个Icon都加一个背景色，直接设置Icon的color是不行的，这样修改的是图标的颜色而不是背景色，给Icon包一层Container容器，然后再设置Container颜色这样就可以实现了。
最开始我们尝试了alignment属性的作用，当它是0，0的时候，Text的位置默认是在屏幕中央的。为什么这里换成我们的Row之后，Row的子控件位置不在屏幕中央呢？
以上是关于八天让iOS开发者上手Flutter！的主要内容，如果未能解决你的问题，请参考以下文章