Question

我要为我的容器的高度设置动画

我想做的是：

class _AddVehicleState extends State<AddVehicle>
    with SingleTickerProviderStateMixin {

   AnimationController _otherFieldsAnimationController;
   Animation<double> _heightAnimation;

  override
  void initState() {
    _otherFieldsAnimationController = AnimationController(
      vsync: this,
      duration: const Duration(milliseconds: 3000),
    );


    _heightAnimation = new Tween<double>(begin: 400.0, end: 20.0)
        .animate(_otherFieldsAnimationController);

    _otherFieldsAnimationController.forward();

}

 @override
  Widget build(BuildContext context) {
    return new WillPopScope(
        onWillPop: _onWillPop,
        child: new Scaffold(body: Builder(builder: (scaffoldContext1) {
          scaffoldContext = scaffoldContext1;
          return Stack(
            children: <Widget>[
              new Container(
                decoration: getGradientBackground(),
                child: ListView(
                  children: <Widget>[
                    Container(
                       color: Colors.white70,
                       height: _heightAnimation.value,
                       child: Center(
                       child: Text('HEY'),
                    ));
        .
        .
        .
        .
        .

您会看到容器包含动画的高度。

此页面上的所有其他动画均能正常工作，但此容器未设置动画。

任何特殊原因？还是我错过了什么？

Answer 1

您可以像这样使用动画容器

{{1}}

Flutter中的“ Heigh更改补间动画问题”

1 个答案: