Flutter 组件之 AnimatedContainer

Flutter 组件之 AnimatedContainer

1.简介

一个有动画的Container组件

2.属性

• alignment：表示子元素相对于容器的对其方式
• padding：可以对子元素进行内边距位置偏移
• color：容器的背景色，通过decoration也能设置背景色，两者不可共存
• decoration：容器的边框修饰，通过color也能设置背景色，两者不可共存
• foregroundDecoration：容器的前景边框修饰，在这里做边框修饰，则会挡住decoration或color的颜色
• width：容器的宽度
• height：容器的高度
• constraints：容器的大小约束，可以指定最小宽高和最大宽高，整个容器遵循这个约束
• duration：容器的动画时长
• margin：容器的外边距
• transform：容器的Matrix变换，可以进行矩阵的旋转，缩放，运算等操作
• curve：容器的动画插值器

3.使用

InkWell是一个手势按钮，给你需要点击的组件外面套一个就可以点击了。
AnimatedContainer组件在改变原有的样式时，就会产生动画，变大，变小，位移，颜色等。