使用 Flutter 加载屏幕时如何淡入小部件？

Question

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

Answer 1

嘿你看看Animated Opacity使用这个你可以实现淡入淡出过渡

示例代码段：

    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,
            )),
      ),
    );
  }
}

使用 Flutter 加载屏幕时如何淡入小部件？

How can i fade in widgets when the screen loads using Flutter?

flutter

flutter-animation