Flutter 如何在颤振中设置容器底部边界的动画?
我想创建一些非常类似于TabBar动画的东西。当您有两个选项卡并单击右侧的一个选项卡时,底部边框将设置动画,就像从一个容器(选项卡)过渡到另一个容器(选项卡)一样。我可以用容器的边框制作动画吗 以下是我的容器的代码:Flutter 如何在颤振中设置容器底部边界的动画?,flutter,animation,dart,mobile,Flutter,Animation,Dart,Mobile,我想创建一些非常类似于TabBar动画的东西。当您有两个选项卡并单击右侧的一个选项卡时,底部边框将设置动画,就像从一个容器(选项卡)过渡到另一个容器(选项卡)一样。我可以用容器的边框制作动画吗 以下是我的容器的代码: Container( width: MediaQuery.of(context).size.width / 2, decoration: BoxDecoration( border: Border( bottom: BorderSide(width: 2
Container(
width: MediaQuery.of(context).size.width / 2,
decoration: BoxDecoration(
border: Border(
bottom: BorderSide(width: 2, color: Colors.blueAccent),
),
),
child: Align(
alignment: Alignment.center,
child: Text(
'Container',
style: TextStyle(
color: Colors.blueAccent,
fontSize: 17.0,
fontWeight: FontWeight.bold,
),
),
),
);
谢谢您的帮助。我可以通过使用
动画容器
而不是容器
来解决这个问题:
AnimatedContainer(
duration: Duration(milliseconds: 700),
width: MediaQuery.of(context).size.width / 2,
decoration: BoxDecoration(
border: Border(
bottom: BorderSide(width: 2, color: Colors.blueAccent),
),
),
child: Align(
alignment: Alignment.center,
child: Text(
'Container',
style: TextStyle(
color: Colors.blueAccent,
fontSize: 17.0,
fontWeight: FontWeight.bold,
),
),
),
);
如果有人需要,希望这能帮上忙