动画容器会影响相邻容器的位置

时间:2019-06-26 01:59:29

标签: flutter dart

对于我正在设计的应用程序,我正在制作一个自定义的底部导航栏,由于无法使用下拉菜单,因此无法使用预制的导航栏,因此我使用的行包含4个容器和一个动画容器当动画容器改变高度时,它会推高所有其他容器,而我无法保持它们完成

我尝试将它们放置在父行的单独子行中,但无法将前四个容器保留在屏幕底部

Column(
            mainAxisAlignment: MainAxisAlignment.end,
            children: <Widget>[
              Row(
                children: <Widget>[
                  Container(
                    height: 60,
                    width: MediaQuery.of(context).size.width / 5,
                    color: Colors.deepPurpleAccent,
                  ),
                  Container(
                    height: 60,
                    width: MediaQuery.of(context).size.width / 5,
                    color: Colors.deepPurple,
                  ),
                  Container(
                    height: 60,
                    width: MediaQuery.of(context).size.width / 5,
                    color: Colors.purpleAccent,
                  ),
                  Container(
                    height: 60,
                    width: MediaQuery.of(context).size.width / 5,
                    color: Colors.purple,
                  ),
                  AnimatedContainer(
                    duration: Duration(seconds: 5),
                    height: height,
                    width: MediaQuery.of(context).size.width / 5,
                    decoration: new BoxDecoration(
                      color: Colors.blue,
                      border: new Border.all(
                          color: Colors.blue,
                          width: 1.0,
                          style: BorderStyle.solid),
                      borderRadius: new BorderRadius.only(
                        topLeft: new Radius.circular(r),
                      ),
                    ),
                    child: Column(
                      children: <Widget>[
                        Container(
                          height: 60,
                        ),
                        Container(
                          height: 60,
                        ),
                        Container(
                          height: 60,
                        ),
                      ],
                    ),
                  ),
                ],
              ),
            ],
          ),

预期结果是,在调用设置状态时,所有容器的底部都保留在屏幕的底部,并且动画容器的高度会增加

0 个答案:

没有答案