Question

我正在尝试将自定义按钮内的图标旋转动画设置为每次按下180度。我对Flutter文档感到困惑。我知道我应该使用RotationTransition，但我只是找不到方法。这是我的按钮

     SizedBox.fromSize(
        size: Size(50, 50),
        child: ClipOval(
          child: Material(
            color: Colors.blue,
            child: InkWell(
              onTap: () {},
              splashColor: Colors.black12,
              child: RotationTransition(. //<== that is where I get
                child: Icon(
                  Icons.filter_list, //rotate this icon
                  color: Colors.white,
                ),
              ),
            ),
          ),
        ),
      ),

Answer 1

基本上，您需要一个带有AnimationController的有状态小部件，该控件创建动画控件。重要的是在using (MemoryStream openFileMemoryStream = new MemoryStream()) { openFileMemoryStream.Write(source, 0, source.Length); openFileMemoryStream.Position = 0; WordprocessingDocument document = WordprocessingDocument.Open(openFileMemoryStream, true); LinkStyles linkStyles1 = new LinkStyles();方法上创建该控制器，并在initState()方法上放置它，以防止可能的错误。

一旦有了控制器，就可以使用布尔值来存储旋转方向，并可以使用“动画”控制器控制的“动画”来旋转小部件。首先，它从0到0.5，然后从0.5到1。

代码可以像这样。您还可以查看我为示例创建的this Codepen。

dispose()

动画按钮旋转

1 个答案: