对于我正在设计的应用程序,我正在制作一个自定义的底部导航栏,由于无法使用下拉菜单,因此无法使用预制的导航栏,因此我使用的行包含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,
),
],
),
),
],
),
],
),
预期结果是,在调用设置状态时,所有容器的底部都保留在屏幕的底部,并且动画容器的高度会增加