flutter - 如何在我的 Flutter 应用主页中添加自定义动画？

Question

我怎样才能把这段代码放在我的 Flutter App Homepage 中？我希望这个动画在应用程序启动时在我的应用程序开始时运行。我是一个超级初学者。

class _ScaleTransitionState extends State<ScaleTransition>
    with TickerProviderStateMixin {
    AnimationController _controller;
    Animation<double> _animation;

    @override
    initState() {
    super.initState();
    _controller = AnimationController(
        duration: const Duration(milliseconds: 1000), vsync: this, value: 0);
    _animation = CurvedAnimation(parent: _controller, curve: Curves.easeIn);

    _controller.forward();
     }

    @override
    dispose() {
    _controller.dispose();
    super.dispose();
    }

    @override
    Widget build(BuildContext context) {
    return Material(
      child: ScaleTransition(
        scale: _animation,
        alignment: Alignment.center,
        child: Center(
          child: Text(
            'Test',
            style: TextStyle(
              fontSize: 50,
            ),
          ),
        ),
      ),
    );
  }
}

标签： flutterdart

Answer 1

您需要像这样编辑小部件

@override
    Widget build(BuildContext context) {
    return Scaffold(
    body: Material(
      child: ScaleTransition(
        scale: _animation,
        alignment: Alignment.center,
        child: Center(
          child: Text(
            'Test',
            style: TextStyle(
              fontSize: 50,
            ),
          ),
        ),
      ),
     ),
    );
  }