import 'package:flutter/material.dart'; class OpacityAnimation extends StatefulWidget{ OpacityAnimation({Key key}) : super(key:key); _OpacityAnimationState createState() => _OpacityAnimationState(); } class _OpacityAnimationState extends State<OpacityAnimation>{ bool _visible = true; @override Widget build(BuildContext context) { return Scaffold( appBar: AppBar( title: Text('AnimatedOpacity淡入淡出动画'), ), body: Center( child: AnimatedOpacity( duration: Duration(milliseconds: 1000), opacity: _visible ? 1.0 : 0.0, child: Container( color: Colors.deepOrange, ), ), ), floatingActionButton: FloatingActionButton( onPressed: (){ setState(() { _visible = !_visible; }); }, tooltip: '显示隐藏', child: Icon(Icons.add), ), ); } }
Flutter笔记73:AnimatedOpacity淡入淡出动画容器
AnimatedOpacity和AnimatedContainer以及AnimatedSwitcher组件差不多,都是动画容器。使用这种动画容器非常方便,无需定义AnimationController、Tween等。