文章/答案/技术大牛

发布

问圆角AnimatedContainer
EN

Stack Overflow用户

提问于 2018-12-19 08:59:28

回答 1查看 2.5K关注 0票数 3

我一直在尝试在AnimatedContainer中做圆角。所以我写了这段代码：

 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)
          ),
        )
      ]
    )
  );

因为某种原因，我无法使拐角处变得圆滑。同时，我也收到了一条错误消息。有什么方法可以使拐角变得圆圆吗？

flutter

dart

flutter-layout

flutter-animation

回答 1

Stack Overflow用户

回答已采纳

发布于 2018-12-19 09:02:37

你错过了

border: Border.all(color: Colors.blue)

还从color中删除AnimatedContainer并添加到decoration中

完全解

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),
        ),
      ),
    ],
  ),
);

票数 8

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/53847697

复制

相似问题

问圆角AnimatedContainer
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问圆角AnimatedContainerEN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问圆角AnimatedContainer
EN