影片不會在頁面開始時觸發-有解無憂

我想展示一個影片，我的容器每次都在頁面的開頭增加其寬度和高度。在這里，它直接采用的值initstate并且不顯示任何影片。

Padding(
              padding: const EdgeInsets.all(8.0),
              child: AnimatedContainer(
                duration: Duration(seconds: 2),
                curve: Curves.easeInOut,
                decoration: BoxDecoration(
                    image:DecorationImage(
                      fit: BoxFit.cover,
                      colorFilter: ColorFilter.mode(Colors.black54, BlendMode.darken),
                      image: AssetImage("lib/images/read.jpg"),
                    ),
                    borderRadius: BorderRadius.circular(10),
                    gradient: LinearGradient(
                        colors: <Color>[
                          Colors.yellowAccent,
                          Colors.blueAccent,
                        ]
                    )
                ),
                width: width,
                height: height,
                child: FlatButton(
                  onPressed: (){
                    Navigator.push(context, MaterialPageRoute(builder: (context)=>Quote_Categories())
                    );
                  },
                  child: Text(
                    'Reader',
                    style: TextStyle(
                      fontSize: 35,
                      fontWeight: FontWeight.bold,
                      color: Colors.white,
                    ),
                  ),
                ),
              ),
            ),

height=400;
width=250;
  @override
  void initState() {
    // TODO: implement initState
    super.initState();
    registernotification();
    width=200;
    height=200;
  }

uj5u.com熱心網友回復：

initState：當這個物件被插入到樹中時呼叫。

所以基本上你在讀取值之前有width:200和 height = 200，因為那些在 initState. 您可以簡單地創建一個Future methodwith Duration.zero和 usesetState來更新 UI。

  @override
  void initState() {
    super.initState();
    changeContainerSize();
  }

  changeContainerSize() {
    Future.delayed(Duration.zero).then((value) {
      setState(() {
        width = 200;
        height = 200;
      });
    });
  }

或使用 addPostFrameCallback

  @override
  void initState() {
    super.initState();
    WidgetsBinding.instance!.addPostFrameCallback((timeStamp) {
      setState(() {
        width = 200;
        height = 200;
      });
    });
  }

轉載請註明出處，本文鏈接：https://www.uj5u.com/houduan/392805.html

標籤：扑镖颤振布局颤动动画

上一篇：如何按column3從不同的column1和column2組中獲取最小值和最大值？

下一篇：如何將行對齊到固定位置