flutter 我如何纠正这张卡上显示不正确的边框?

j0pj023g  于 2023-04-22  发布在  Flutter
关注(0)|答案(1)|浏览(113)

所以我有这张卡片,它有一个边框半径。然而,如图所示,上半部分不像下半部分那样显示边框。我如何使上半部分也显示边框半径,同时保持相同的布局?
这是卡片代码:

Card(
  elevation: 2,
  borderOnForeground: true,
  shape: RoundedRectangleBorder(
      borderRadius:
          BorderRadius.circular(10)),
  child: SizedBox(
    width: 20.w,
    height: 25.w,
    child: Center(
      child: Column(
        children: [
          Image.asset(
            'images/1_1.png',
            height: 20.w,
            width: 20.w,
            fit: BoxFit.cover,
          ),
          Expanded(
            child: Center(
              child: Text(
                subcategorias[index],
                textAlign: TextAlign.center,
                maxLines: 2,
                overflow:
                    TextOverflow.ellipsis,
                style: TextStyle(
                    fontSize: 7.sp),
              ),
            ),
          ),
        ],
      ),
    ),
  ),
),

card model
据推测,“borderOnForeground:true”(已经默认为true)应该使它的边框呈现在内容之上,但它没有。

jtoj6r0c

jtoj6r0c1#

尝试将clipBehavior: Clip.hardEdge添加到Card

Card(
  elevation: 2,
  borderOnForeground: true,
  clipBehavior: Clip.hardEdge,
)

相关问题