Question

感觉好像我遗漏了一些明显的东西，但是这段代码在我的图像周围创建了一个漂亮的边框：

Widget buildImageWithBorder(String imageUrl) {
  return Container(
    height: 240.0,
    width: 222.0,
    decoration: BoxDecoration(
      image: DecorationImage(
        image: NetworkImage(imageUrl),
        fit: BoxFit.cover,
      ),
      color: Colors.white,
      border: Border.all(color: Colors.white, width: 4.0),
      borderRadius: BorderRadius.only(
        bottomLeft: Radius.circular(16.0),
        bottomRight: Radius.circular(16.0),
      ),
    ),
  );
}

并设置边框以使用四个BorderSide也可以：

border: Border(
    left: BorderSide(
      color: Colors.white,
      width: 4.0,
    ),
    right: BorderSide(
      color: Colors.white,
      width: 4.0,
    ),
    bottom: BorderSide(
      color: Colors.white,
      width: 4.0,
    ),
    top: BorderSide(
      color: Colors.white,
      width: 4.0,
    ),
  ),

但是如果我移除了BorderSide中的任何一个（我想完全移除的是top），或者将BorderSide的宽度更改为{{1} }（即只有3个边框），没有边框出现。如何获得三个边界（具有边界半径）？

无法在Flutter中将BorderSides添加到NetworkImage？

0 个答案: