Flutter：Card 的 RoundedRectangleBorder 在 Flutter Web 中不起作用？

Question

我尝试在 Flutter Web 中设计一些示例

有一个问题是我无法将 RoundedRectangleBorder 应用于卡片，因为它没有显示

见上图，主卡只有锐利的边框。为什么？

在我的代码下方：

https://gist.github.com/RageshAntony/8ee93d338aec9e352f71c14f0c84f734

请帮忙

Answer 1

在您的 Card 中添加一个带有白色背景的 Container，如下所示

Card(
     shape: RoundedRectangleBorder(  borderRadius: BorderRadius.circular(30.0)), // THIS NOT APPLYING !!!
     elevation: 20,
     child:Container(
       decoration: BoxDecoration(
         color: Colors.white,
         borderRadius: BorderRadius.circular(30.0),
       ),
       child:Row(
       ----------------------
       ),
),

Flutter：Card 的 RoundedRectangleBorder 在 Flutter Web 中不起作用？

Flutter: Card's RoundedRectangleBorder not working in Flutter Web?

flutter

dart

flutter-layout

flutter-web

card