Flutter

skew，水平或者垂直倾斜 alignment, 这里用了 Alignment.center，所以容器会围绕自己的中心做斜切，而不是默认的左上角。 了解skew的作用 如上图，蓝色方块，就将是应用sk

1.Widget Widget，是UI配置信息，就是我们写的各种UI；是不可变的；界面渲染的每一个帧，都是固定的一个Widget。 Widget没有生命周期，构建一次，就固定不变。 Widget bu

Column mainAxisAlignment：主轴对齐方式 在 Column 中，主轴是垂直方向（竖直方向），mainAxisAlignment 决定子控件在垂直方向上的对齐方式。 crossAx

目前市面上，有两种技术方案实现： 1.统一管理模式 将原生工程作为 Flutter 工程的子工程，由 Flutter 统一管理。这种模式，就是统一管理模式。 2.三端分离模式 将 Flutter 工程

尺寸限制类容器用于限制容器大小，Flutter中提供了多种这样的容器，如ConstrainedBox、SizedBox、UnconstrainedBox、AspectRatio 等，本节将介绍一些常用

对于拥有多个子 Widget 的布局类容器而言，其布局行为无非就是两种规则的抽象：水平方向上应该如何布局、垂直方向上应该如何布局。 如同 Android 的 LinearLayout、前端的 Flex

Padding用来设置内边距 Padding可以给其子节点添加填充（留白），和边距效果类似。我们在前面很多示例中都已经使用过它了，现在来看看它的定义： EdgeInsetsGeometry是一个抽象类

虽然我们可以通过 AutomaticKeepAliveClientMixin 快速的实现页面缓存功能，但是通过混入的方式实现不是很优雅，因为必须更改 Page 的代码，而修改Page代码具有侵入性且不

PageView的效果，跟Android的ViewPager类似。 它的使用主要关注PageController元素，和onPageChanged方法。 onPageChanged: /// Call

如果说 UI 框架的视图元素的基本单位是组件，那应用程序的基本单位就是页面了。对于拥有多个页面的应用程序而言，如何从一个页面平滑地过渡到另一个页面，我们需要有一个统一的机制来管理页面之间的跳转，通常被

InheritedWidget InheritedWidget 是 Flutter 中的一个功能型 Widget，适用于在 Widget 树中共享数据的场景。通过它，我们可以高效地将数据在 Widge

特点一：单线程模型 Dart 是单线程模型的优势就体现出来了，因为它天然不存在资源竞争和状态同步的问题。这就意味着，一旦某个函数开始执行，就将执行到这个函数结束，而不会被其他 Dart 代码打断。 D

Widget 渲染过程 在进行 App 开发时，我们往往会关注的一个问题是：如何结构化地组织视图数据，提供给渲染引擎，最终完成界面显示。 通常情况下，不同的 UI 框架中会以不同的方式去处理这一问题，

Flutter 的视图开发是声明式的，其核心设计思想就是将视图和数据分离，这与 React 的设计思路完全一致。 对我们来说，如果要实现同样的需求，则要稍微麻烦点：除了设计好 Widget 布局方案之

先说State的生命周期，有状态的控件，它的state是有生命周期的： Child控件，是有状态的，它的count值，每次点击之后，setState之后，都会更新。使用Child控件，更新count值

手势操作在 Flutter 中分为两类： 第一类是原始的指针事件（Pointer Event），即原生开发中常见的触摸事件，表示屏幕上触摸（或鼠标、手写笔）行为触发的位移行为； 第二类则是手势识别（G