直接进入正题:
第一步:搭建项目,在main.dart中引入自己新建的AnimationDemo类,也可以直接在main.dart中新建,但不建议
import 'package:flutter/material.dart';
import 'AnimationDemo.dart';
void main()=>runApp(MyApp());
class MyApp extends StatelessWidget{
@override
Widget build(BuildContext context) {
return MaterialApp(
theme:ThemeData(
primaryColor:Colors.red[700]
),
home:Scaffold(
appBar:AppBar(
title:Text("动画案例"),
elevation: 0,
),
body:AnimationDemo(),//引入我们新建的AnimationDemo类
)
);
}
}
第二步:开始设置我们的AnimationDemo,使用StatefulWidget,涉及到页面变化,具体操作步骤见代码,代码中标有步骤注释,看不懂应该是不可能的,哈哈哈,记住步骤顺序,可以加入我们的技术讨论群一起交流哈,都是小白,哈哈哈QQ群864837144
import 'package:flutter/material.dart';
class AnimationDemo extends StatefulWidget{
@overrid