Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/dart/3.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Dart 如何在AnimatedContainer中创建圆形边框?_Dart_Flutter_Flutter Animation - Fatal编程技术网

Dart 如何在AnimatedContainer中创建圆形边框?

Dart 如何在AnimatedContainer中创建圆形边框?,dart,flutter,flutter-animation,Dart,Flutter,Flutter Animation,我一直在尝试在动画容器中创建圆角。所以我写了这段代码: return Center ( child: Column ( mainAxisAlignment: MainAxisAlignment.center, children: <Widget> [ AnimatedContainer ( duration: Duration(milliseconds: 200), color: Colors.

我一直在尝试在
动画容器中创建圆角。所以我写了这段代码:

 return Center (
    child: Column (
      mainAxisAlignment: MainAxisAlignment.center,
      children: <Widget> [
        AnimatedContainer (
          duration: Duration(milliseconds: 200),
          color: Colors.white,
          height: _isContainerVisible ? 500.0 : 0.0,
          width: _isContainerVisible ? 300.0 : 0.0,
          decoration: BoxDecoration (
            borderRadius: BorderRadius.circular(25.0)
          ),
        )
      ]
    )
  );
返回中心(
子:列(
mainAxisAlignment:mainAxisAlignment.center,
儿童:[
动画容器(
持续时间:持续时间(毫秒:200),
颜色:颜色,白色,
高度:_可容纳?500.0:0.0,
宽度:_可容纳?300.0:0.0,
装饰:盒子装饰(
边界半径:边界半径。圆形(25.0)
),
)
]
)
);
由于某种原因,我无法使拐角变圆。我还收到了一条错误消息。有没有办法把拐角弄圆?

你错过了

border: Border.all(color: Colors.blue)
同时从
AnimatedContainer
中删除
color
,并将其添加到
装饰中

完全解

return Center(
  child: Column(
    mainAxisAlignment: MainAxisAlignment.center,
    children: <Widget>[
      AnimatedContainer(
        duration: Duration(milliseconds: 200),
        height: 300,
        width: 300,
        decoration: BoxDecoration(
          color: Colors.white, // added
          border: Border.all(color: Colors.orange, width: 5), // added
          borderRadius: BorderRadius.circular(25.0),
        ),
      ),
    ],
  ),
);
返回中心(
子:列(
mainAxisAlignment:mainAxisAlignment.center,
儿童:[
动画容器(
持续时间:持续时间(毫秒:200),
身高:300,
宽度:300,
装饰:盒子装饰(
颜色:Colors.white,//已添加
边框:border.all(颜色:Colors.orange,宽度:5),//已添加
边界半径:边界半径。圆形(25.0),
),
),
],
),
);

我有个问题,只有边框是蓝色的,内部是透明的。我怎么能修复这个?我更新了代码,里面现在是白色的。请查看完整的解决方案非常感谢!