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组件在改变原有的样式时,就会产生动画,变大,变小,位移,颜色等。