Question

我在Flutter中开发了一个应用程序，其中包含很多动画。我想通过分离视图，逻辑（模型BLoC）和动画来构造我的代码。对于这个问题，我尝试为StatefulWidget的不同类中的按钮声明几次相同的动画。

但是，我被困住了，因为我必须将TickerProvider传递给我的动画类，而我做的方式不正确。

构造函数动画类

AppBloc(TickerProvider tickerProvider) {
    banimationController = AnimationController(
      vsync: tickerProvider,
      duration: Duration(milliseconds: 100),
      lowerBound: 0,
      upperBound: 0.05,
    );
}

声明

AppBloc(this);

我知道这可能不是正确的方法，我编写了这段代码来说明我的问题。

我只想将动画声明分隔在另一个文件中。

Answer 1

TickerProvider 是一个混入。您可以使用 with 关键字在一个类中使用多个mixins。使用混入 TickerProvider 的最佳方法是将其与 with 关键字一起使用。

示例：

  class _HomeState extends State<Home> with TickerProviderStateMixin {
  Animation<double> _animation;
  AnimationController _animationController;

  GoogleSignIn _googleSignIn;
  GoogleSignInAccount _googleSignInAccount;
  GoogleSignInAuthentication _googleSignInAuthentication;
  FirebaseAuth _auth;

 // FacebookLoginResult _facebookLoginResult;
  // FacebookLogin _facebookLogin;
   // FirebaseUser facebookUser;

  @override
  void initState() {
    super.initState();
    _animationController =
        AnimationController(vsync: this, duration: Duration(seconds: 4));
    _animation = Tween<double>(begin: -1.0, end: 0.0).animate(CurvedAnimation(
        parent: _animationController, curve: Curves.fastOutSlowIn));

    _animationController.forward();
  }

  @override
  void dispose() {
    _animationController.dispose();
    super.dispose();
  }

 @override
  Widget build(BuildContext context) {
return widget();
}
}

如果您以这种方式使用TickelProvider，则只需将 this 作为vsync的值即可。

AnimationController：我们可以将TickerProvider vsync传递给另一个类吗？

1 个答案: