Flutter 如何在颤振中设置容器底部边界的动画?

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

我想创建一些非常类似于TabBar动画的东西。当您有两个选项卡并单击右侧的一个选项卡时,底部边框将设置动画,就像从一个容器(选项卡)过渡到另一个容器(选项卡)一样。我可以用容器的边框制作动画吗

以下是我的容器的代码:

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,
      ),
    ),
  ),
);
如果有人需要,希望这能帮上忙