Flutter开发：如何为Image Widget添加黑色细边框？

直接用Container包裹你的Image.asset，通过Container的decoration属性设置边框样式即可，修改后的完整代码如下：

Align(
  alignment: const Alignment(0.0, -0.15),
  child: image.isNotEmpty
      ? Container(
          width: 400,
          height: 200,
          decoration: BoxDecoration(
            border: Border.all(
              color: Colors.black,
              width: 1.0, // 细边框宽度，可按需调整
            ),
          ),
          child: Image.asset(
            image,
            width: 400,
            height: 200,
            fit: BoxFit.cover,
          ),
        )
      : SizedBox.shrink(),
),

关键说明： #

• Border.all是快速设置四边统一边框的方式，color指定边框颜色为黑色，width控制边框粗细
• 让Container的宽高和内部Image保持一致，确保边框刚好包裹住图片
• 如果需要圆角边框，可以在BoxDecoration里追加borderRadius属性，比如borderRadius: BorderRadius.circular(8.0)

内容的提问来源于stack exchange，提问作者Gibbonic