卡片borderOnForeground无法正常工作

Question

代码：

(Get-Content C:\Users\user\Desktop\test\import.txt) | 
Foreach-Object {$_ -replace '"'}|
Foreach-Object {$_ -replace "\$", ';$'} | 
Set-Content C:\Users\user\Desktop\test\export.txt

文档说：

  

borderOnForeground：是否在[child]前面绘制[shape]边框。   默认值是true。如果为false，则边框将被绘制在[child]的后面。

输出：

问题：

默认情况下（当Card( color: Colors.blue, borderOnForeground: false, // doesn't do anything on true also shape: RoundedRectangleBorder(borderRadius: BorderRadius.circular(300)), child: Container( width: 200, height: 200, color: Color(0x30FF0C5C), child: Text( "|||||||", style: TextStyle(fontSize: 40), ), ), ) 时，我希望白色垂直线在蓝色圆圈内，但是它没有这样做，也没有将其设置为borderOnForeground: true。 false实际会做什么？

注意：

我知道有很多方法可以实现使用borderOnForeground，ClipRRect等所要求的功能。我不是在寻找那些解决方案，我只是想知道ClipOval的作用是什么？< / p>

Answer 1

问题是您没有边框（如CSS中的边框），因此true和false看起来一样。要查看差异，请添加粗边框：

shape: RoundedRectangleBorder(
  borderRadius: BorderRadius.all(
    Radius.circular(300.0),
  ),
  side: BorderSide(
    color: Colors.red,
    width: 20.0,
  ),
),

，并且如果您设置borderOnForeground: false，则卡片红色边框下方的子部分现在将位于其上方。