未定義高度和寬度時如何為容器提供影片

我想為我的容器提供影片，我想將容器的大小從較低的寬度和高度增加到它現在采用的默認大小。

    Container(
                        decoration: BoxDecoration(
                            image: DecorationImage(
                              fit: BoxFit.cover,
                              colorFilter:ColorFilter.mode(Colors.pink, BlendMode.color),
                              image: AssetImage(
                                'lib/images/Alone.jpg',
                              ),
                            ),
                            borderRadius: BorderRadius.circular(10),
                            gradient: LinearGradient(
                                colors: <Color>[
                                  Colors.yellowAccent,
                                  Colors.blueAccent,
                                ]
                            )
                        ),
                        child: FlatButton(
                          onPressed: (){
                            Navigator.push(
                                context,
                                MaterialPageRoute(builder: (context)=>Alone())
                            );
                          },
                          child: Padding(
                            padding: const EdgeInsets.all(24.0),
                            child: Text(
                              'Alone',
                              style: TextStyle(
                                fontWeight: FontWeight.bold,
                                color: Colors.white,
                                fontSize: 20,
                              ),
                            ),
                          ),
                        ),
                      ),

uj5u.com熱心網友回復：

使用 AnimatedContainer。有很多事情你可以做到這一點。 影片容器

uj5u.com熱心網友回復：

 AnimatedContainer(
                  height: isIncreaseSize ? 300 : 200,
                  width: isIncreaseSize ? 300 : 200,
                  duration: Duration(milliseconds: 200),
                        decoration: BoxDecoration(
                            image: DecorationImage(
                              fit: BoxFit.cover,
                              colorFilter:ColorFilter.mode(Colors.pink, BlendMode.color),
                              image: AssetImage(
                                'lib/images/Alone.jpg',
                              ),
                            ),
                            borderRadius: BorderRadius.circular(10),
                            gradient: LinearGradient(
                                colors: <Color>[
                                  Colors.yellowAccent,
                                  Colors.blueAccent,
                                ]
                            )
                        ),
                        child: FlatButton(
                          onPressed: (){
                            Navigator.push(
                                context,
                                MaterialPageRoute(builder: (context)=>Alone())
                            );
                          },
                          child: Padding(
                            padding: const EdgeInsets.all(24.0),
                            child: Text(
                              'Alone',
                              style: TextStyle(
                                fontWeight: FontWeight.bold,
                                color: Colors.white,
                                fontSize: 20,
                              ),
                            ),
                          ),
                        ),
                      )

你需要一個布林值來改變大小，比如 isIncreaseSize。持續時間：持續時間（毫秒：200）影片持續時間。這一切

標籤：扑 镖 动画片 颤振容器

上一篇：Flutter：TextField在輸入多個空格時自動添加一個點

下一篇：Flutter-TextFormfield在UI中占用太多填充/額外空間/如何在活動/非活動時使標簽文本具有相同大小