Flutter - 将开始高度设置为 MediaQuery 高度时，AnimatedSize 没有动画

Question

我不知道怎么了...

当我使用 0.0 AnimatedSize 的静态高度时，小部件会生成动画。但是当我设置 topLayoutHeight = MediaQuery.of(context).size.height 没有任何反应。

这是我的代码：

double topLayoutHeight = 0.0;

setHeight(){
    topLayoutHeight = MediaQuery.of(context).size.height - 200;
}

我的小部件：

@override
  Widget build(BuildContext context) {
    setHeight();
    ...
    ...
    new AnimatedSize(
                            curve: Curves.fastOutSlowIn,
                            vsync: this,
                            child:
                              new ClipPath(
                                clipper: CustomShapeClipper(),
                                child: Container(
                                  decoration: BoxDecoration(
                                    gradient: LinearGradient(colors: [color1, color2]),
                                  ),
                                  height: topLayoutHeight,
                                ),
                              ), duration: new Duration(seconds: 2),
                          )


...
...

    new RaisedButton(
                                onPressed: () {
                                  setState(() {
                                    shrinkOnClick = false;
                                    topLayoutHeight = 360.0;
                                  });
                                },
                                shape: RoundedRectangleBorder(
                                    borderRadius: BorderRadius.vertical(
                                      top: Radius.circular(15.0),
                                      bottom: Radius.circular(15.0)
                                    )),
                                child: new Text('Brands',
                                  style: TextStyle(
                                    color: Colors.white,
                                    fontSize: 16,
                                    fontWeight: FontWeight.bold
                                  ),
                                ),
                                color: Color(0x33FFFFFF),
                                elevation: 0,
                              )

如果我从不做setHeight()，一切都会正常。

为什么我不能用MediaQuery.of(context).size.height动态设置高度？

Answer 1

改用didChangeDependencies

@override
void didChangeDependencies() {
  super.didChangeDependencies();
  setState(() => topLayoutHeight = MediaQuery.of(context).size.height - 200);
}