class AnimatedContainPage extends StatefulWidget {
const AnimatedContainPage({Key? key}) : super(key: key);
@override
State<AnimatedContainPage> createState() => _AnimatedContainPageState();
}
class _AnimatedContainPageState extends State<AnimatedContainPage> {
double _width = 50;
double _height = 50;
Color _color = Colors.green;
BorderRadiusGeometry _borderRadius = BorderRadius.circular(8);
@override
Widget build(BuildContext context) {
return Scaffold(
body: Center(
child: AnimatedContainer(
duration: Duration(seconds: 1),
width: _width,
height: _height,
decoration: BoxDecoration(color: _color, borderRadius: _borderRadius),
curve: Curves.fastOutSlowIn,
),
),
floatingActionButton: FloatingActionButton(
onPressed: () {
final random = Random();
_width = random.nextInt(300).toDouble();
_height = random.nextInt(300).toDouble();
_color = Color.fromRGBO(
random.nextInt(256), random.nextInt(256), random.nextInt(256), 1);
_borderRadius = BorderRadius.circular(random.nextInt(100).toDouble());
setState(() {});
},
child: Icon(Icons.play_arrow),
),
);
}
}
flutter 随机属性动画
于 2023-09-11 16:37:56 首次发布