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