前言 弹性布局允许子组件按照一定比例来分配父容器空间，Flutter中的弹性布局主要通过Flex和Expanded来配合实现。 Flex Flex组件可以沿着水平或垂直方向排列子组件，如果你知道主轴方向，使用Row或Column会方便一些，因为Row和Column都继承自Flex，参数基本相 ...

前言 把超出屏幕显示范围会自动折行的布局称为流式布局。Flutter中通过Wrap和Flow来支持流式布局，将Row换成Wrap后溢出部分则会自动折行。 Wrap 接口描述 代码示例 FLow 一般很少会使用Flow，因为其过于复杂，需要自己实现子widget的位置转换 ...

前言 层叠布局，即子组件可以根据距父容器四个角的位置来确定自身的位置。绝对定位运行子组件堆叠起来，即按照代码中声明的顺序。 Flutter中使用Stack和Positioned这两个组件来配合实现绝对定位，Stack允许子组件堆叠，而Positioned用于根据Stack的四个角来确定子组件 ...

Stack与Align实现定位布局： 效果图： main.dart Stack与Positioned 效果图： main.dart ...

1.不使用flex时，在index.wxml里写格式 2.在index.wxss里写样式 3.开始启用flex格式 3.1 flex-flow: row; ...

给body添加 overflow: hidden; 可以将页面所有的 滚动条隐藏，但必须要给body 设置一个高度 父元素必须要设置 position:relative ...

Flutter控件本身通常由许多小型、单用途的控件组成，结合起来产生强大的效果，例如，Container是一种常用的控件，由负责布局、绘画、定位和大小调整的几个控件组成，具体来说，Container是由LimitedBox、ConstrainedBox、 Align、Padding ...

Wrap 可以实现流布局，单行的 Wrap 跟 Row 表现几乎一致，单列的 Wrap 则跟 Row 表现几乎一致。但 Row 与 Column 都是单行单列的，Wrap 则突破了这个限制，mainAxis 上空间不足时，则向 crossAxis 上去扩展显示。 Wrap ...