Flutter-布局
flutter布局需要先了解flutter所有布局的widget，首先flutter布局分为Container、RenderObjectWidget和ParentDataWidget。而RenderObject中经常使用的有SingleChildRenderObjectWidget（单节点）和MultiChildRenderObjectWidget（多节点）。
弹性布局允许子组件按照一定比例来分配父容器空间 Flex组件和Row、Column属性主要的区别就是多一个direction。 当direction的值为Axis.horizontal的时候，则是Row。 当direction的值为Axis.vertical的时候，则是Column。
表格布局和线性布局比较相似，只是使用起来更简洁一些。
flutter的布局模型是“一步布局模型”（one-pass layout model），在渲染树中，向下treewalk传递给子 盒约束，然后再向上treewalk将计算好的几何形状(比如高度、宽度等)传递给父。
常用布局的对比 使用下来其他组件大致还算方便，但是相对布局而言使用便利程度上Android原生完胜，ConstraintLayout内部的所有子View可以设置互相之间的位置依赖关系。
Stack ：取代线性布局 (和Android中的LinearLayout相似)，Stack允许子 widget 堆叠， 你可以使用 Positioned 来定位他们相对于 Stack 的上下左右四条边的位置。Container ： Container 可让您创建矩形视觉元素。
Flutter中InheritedWidget的使用
背景：flutter组件嵌套都很深，依次传递数据很麻烦，所以最好是能够跨组件传递。有三张跨组件的方式：InheritedWidget、Notification、Eventbus.是一种自上而下的传递数据的方式。
Flutter 中子类可以访问父类的所有变量和方法，因为Flutter没有public 和 private 之分 a、混合对象是一个类 b、一个类可以混合多个类 a、class 就是一个接口 b、class 被当做接口使用时，class的方法就是接口方法。
在使用的时候把子列表添加进去，并设置对应的GlobalKey。
didChangeDependencies调用次数：多次初始化时，在initState()之后立刻调用当依赖的InheritedWidgetrebuild，会触发此接口被调用。实测在组件可见状态变化的时候会调用build调用次数：多次初始化之后开始绘制界面。
addPostFrameCallback是StatefulWidget渲染结束之后的回调，只会调用一次，一般是在initState里添加回调：，一般在dispose中做一些取消监听、动画的操作，和initState相对使用。
注意： didUpdateWidget 方法最终会调用 build 方法，因此在此方法中调用 setState 是多余的。如果重写此方法，请确保调用 super.didUpdateWidget(oldWidget) 。
flutter中如何让Column或Row的子组件相互之间保持一定的间距?_百度...
1、flutter中基础的widget，可以为子节点设置内间距。当padding没有child的时候，它会产生一个宽为left+right，高为top+bottom的区域，当padding的child不为空的时候会将约束传递给child。一般在使用间距的地方使用。
2、所谓线性布局，即指沿水平或垂直方向排列子组件。Flutter 中通过Row和Column来实现线性布局，类似于Android 中的LinearLayout控件。
3、因为Row是一行排布，Column是一列排布，那么它们都存在两个方向，并且两个Widget排列的方向应该是对立的。都有主轴(MainAxis)和交叉轴(CrossAxis)的概念：在前面我们用到过Row、Colum这两个组件，实际上均是继承自Flex组件。
4、给column布局进行了以下6步操作 首先给每个非flex子元素，设置竖直方向unbounded(无界)的盒约束。结合图片，也就是将2两个子设置好竖直方向无界的盒约束。
5、大家在学习Flutter的时候，刚刚开始学习布局应该会各种遇到溢出。比如在用到Row或者Column经常会遇到布局溢出的问题。
6、Row 、 Column ： 这些具有弹性空间的布局类Widget可让您在水平（ Row ）和垂直（ Column ）方向上创建灵活的布局。
如何自学Flutter开发?
（3）Photoshop、flash。熟悉会一点儿就行了，没必要全部都学得精通，当然如果你在学习的过程中，发现你ps或者flash比较感兴趣的话，也可以尝试做美工这一行。（4）html5和css3。可以先了解一下，然后再入手。
最好是选择有班主任管理的线上学习机构，这样遇到问题也能够及时的处理。其实班主任最主要的功能还是督促你学习，因为在线学习很容易受到外界因素的干扰。如果没有班主任盯着你学习，你的学习进度，质量都会下降很多。
想自学it毫无基础从哪入手？可以从前端开始学，先学HTML、CSS、JavaScript，然后学习Node.js、Webpack、VueReact、原生小程序、跨端框架（uni-app、Taro、Flutter），学完这些知识加上做项目练习等。
Flutter入门这一篇效率文章就够了
这就是 Flutter 的 热重载 ，在修改完代码之后，通过热重载就能马上在设备上看到修改结果，可以很大程度上增加开发效率。 下面再给大家介绍几个 Flutter 里的常见操作。
flutter将会帮你更容易，更快速的开发出界面美观的移动应用。是谷歌的亲儿子 支持热重载 ：android原生开发会遇到编译-打包-安装三个步骤。开发效率迟迟得不到提升。热重载技术在flutter内完美体现。
在上篇 [Flutter] 07-Flutter中反序列化Json 已经通过6个示例分析过了， 这里不再讨论。
关于flutter使组件居中放置和flutter 常用组件的介绍到此就结束了，不知道你从中找到你需要的信息了吗 ？如果你还想了解更多这方面的信息，记得收藏关注本站。