Flutter 当使用flatter加载屏幕时，如何淡入窗口小部件？

这是一个登录页面，我希望当我加载我的屏幕时，我的所有小部件都应该平滑地淡入

嘿，你看看使用它可以实现淡入过渡

示例代码段：

    class MyHomePage extends StatefulWidget {
  MyHomePage({Key key, this.title}) : super(key: key);

  final String title;

  @override
  _MyHomePageState createState() => _MyHomePageState();
}

class _MyHomePageState extends State<MyHomePage> {
  double widget1Opacity = 0.0;
  

  @override
  void initState() {
    // TODO: implement initState
    super.initState();
    Future.delayed(Duration(milliseconds: 300), () {
      widget1Opacity = 1;
    });
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text(widget.title),
      ),
      body: Center(
        child: AnimatedOpacity(
            opacity: widget1Opacity,
            duration: Duration(seconds: 3),
            child: FlutterLogo(
              size: 200,
              style: FlutterLogoStyle.markOnly,
            )),
      ),
    );
  }
}

类MyHomePage扩展StatefulWidget{
MyHomePage（{Key，this.title}）：超级（Key:Key）；
最后的字符串标题；
@凌驾
_MyHomePageState createState（）=>\u MyHomePageState（）；
}
类_MyHomePageState扩展状态{
双Widget1容量=0.0；
@凌驾
void initState（）{
//TODO:实现initState
super.initState（）；
延迟（持续时间（毫秒：300），（）{
Widget1容量=1；
});
}
@凌驾
小部件构建（构建上下文）{
返回脚手架(
appBar:appBar(
标题：文本（widget.title），
),
正文：中(
儿童：动画能力(
不透明度：Widget1容量，
持续时间：持续时间（秒数：3），
孩子：我的标志(
尺寸：200，
style:flatterlogostyle.markOnly，
)),
),
);
}
}

请分享您迄今为止尝试的代码嗨，您看到这个小部件了吗