如何在Flutter中创建透明内边框效果？

Question

我正在尝试在 Flutter 中创建一个看起来透明的内边框效果，允许通过边框区域看到 widget 内的背景图像，类似于下图所示的效果。

内边框应出现在小部件边缘的内侧，并且需要具有透明或半透明的外观。

如何在Flutter中实现这种透明内边框效果？

任何想法或代码建议将不胜感激。谢谢！

Answer 1

边界始终是内部的。所以你可以添加一个不透明的白色边框来淡出背景颜色，如下所示：

Container(
  width: 200,
  height: 200,
  decoration: BoxDecoration(
    color: Colors.green,
    border: Border.all(
      color: Colors.white.withOpacity(0.5),
      width: 4,
    ),
    borderRadius: BorderRadius.circular(20),
  ),
),