Question

我有一个车轮图像，并尝试通过onSwipe事件在其上添加旋转动画。其实我做了.. 我使用了AnimatedBuider类，但图像最初在旋转。

此处图片

AnimatedBuilder(
  animation: animationController,
  child: Container(
    alignment: Alignment.center,
    decoration: BoxDecoration(
      image: DecorationImage(
        image: AssetImage("assets/wheel.png", ),
        fit: BoxFit.contain,
      ),
      borderRadius: BorderRadius.all(Radius.circular(210.0)),
    ), 
    height: MediaQuery.of(context).size.height/2.3,
    width: MediaQuery.of(context).size.width/1,
  ),
  builder: (BuildContext context, Widget _widget) {
      return new Transform.rotate(
        angle: animationController.value * 6.3,
        child: _widget,
      );
    },
  ),

动画控制器

@override
void initState() {
  super.initState();
  animationController = new AnimationController(
    vsync: this,
    duration: new Duration(seconds: 7),
  );
  animationController.repeat();
}

Answer 1

我从flutter_spinning_wheel package

找到了解决方案

如何在颤振中使用onSwipe事件旋转像转盘这样的动画？

1 个答案: