卡内容器的边界半径

Question

当我尝试设置嵌套在卡片中的容器的顶部两个角的边界半径时，容器的全部内容消失了。这是我的代码，如果您取消注释注释行，则容器内的所有内容都会消失。

MergedDF <- merge(DF1, DF2) %>%
              merge(DF3)

}

Answer 1

只需添加

clipBehavior: Clip.antiAlias

发卡

Answer 2

      Card(
        shape: RoundedRectangleBorder(
          borderRadius: BorderRadius.circular(20.0),
        ),
        margin: new EdgeInsets.symmetric(horizontal: 10.0, vertical: 6.0),
        child: Container(
          decoration: BoxDecoration(
            border: new Border(
                top: BorderSide(
              color: Theme.of(context).primaryColor,
              width: 3.0,
            )),
            borderRadius: BorderRadius.only(topLeft: const Radius.circular(20.0)),
            color: Colors.red,
          ),
          height: 100,
          width: 100,
        ),
      )

我尝试了您的代码，它的工作原理很好，只是由于卡片的角落外观而使角落被隐藏了，您为容器和卡片指定了相同的半径，我只是给容器增加了宽度和高度，并增加了圆形半径以使可见的变化

我不知道您为什么要在卡内使用容器，如果您想要仅具有左上角圆形的卡，那么可以通过以下代码进行操作，建议您查看the ways of creating cards in flutter

SizedBox.expand(
          child: Card(
          shape: RoundedRectangleBorder(
              borderRadius: BorderRadius.only(topLeft: Radius.circular(20)),
              side: BorderSide(width: 2.5, color: Colors.black)),
               margin: EdgeInsets.all(10),
        ),
        )

如果您有任何问题，请随时发表评论