如何在卡上创建动画?

时间:2018-05-24 09:58:40

标签: flutter

我有一张卡片,当我点击卡片时箭头会旋转。然后我点击卡片下方的新卡片。现在我想,第二张卡打开动画。只有高度应该动画。我怎么能这样做?

箭头代码:

new InkWell(
              child: new Card(
                child: new Column(
                  mainAxisSize: MainAxisSize.min,
                  children: <Widget>[
                    new  ListTile(
                      title: new Text("Notfallmanagement", style: TextStyle(fontSize: 20.0,),),
                      trailing: new Transform.rotate(
                        angle: _rotateArrowController.value * PI,
                        child: new Icon(Icons.keyboard_arrow_down, color: Colors.orange, size: 50.0,),
                      )
                    ),
                  ],
                ),
              ),
              onTap: (){
                setState(() {
                  _notfall = !_notfall;
                  if(_rotateArrowController.isCompleted){
                    _rotateArrowController.reverse();
                    _cardAnimationController.reverse();
                  } else {
                    _rotateArrowController.forward();
                    _cardAnimationController.forward();
                  }
                });
              },
            ),

第二张卡的代码:

return new Card(
        color: Colors.white70,
        child: new Container(
          height: _cardAnimation.value,

//some other Code
        ),
      );

在Container中有很多其他小部件,因此高度不是常量。 如何才能将卡的高度设置为动画?

0 个答案:

没有答案