flutter - 仅更改网格内边缘的边框半径 (SliverGridDelegateWithMaxCrossAxisExtent)

Question

仅内部网格的边缘需要圆角。在下图中，圆角仅适用于

1. BBC 新闻 -> （上+下）右
2. ABC新闻->（上+下）左

如果多于两列，则第二列项目的左右边缘都应该是圆角的

child: Container(
        alignment: Alignment.bottomCenter,
        padding: EdgeInsets.fromLTRB(10, 0, 10, 10),
        decoration: BoxDecoration(
          color: Colors.black,
          borderRadius: BorderRadius.only(
            topRight: const Radius.circular(8.0),
            bottomRight: const Radius.circular(8.0),
          ),
          image: DecorationImage(
            image: CachedNetworkImageProvider(station.image, scale: 1.0),
            colorFilter: ColorFilter.mode(
                Colors.white.withOpacity(0.3), BlendMode.dstATop),
            fit: BoxFit.fitWidth,
          ),
        ),
        child: Text(
          ""
        ),
      ),

Answer 1

一种方法是BorderRadius根据索引和列数生成；

前任：

BorderRadius _generateBorderRadius(final int index, final int columnCount) {
    if (index % columnCount == 1) {
      return BorderRadius.only(
            topRight: const Radius.circular(8.0),
            bottomRight: const Radius.circular(8.0),
          );
   } else if (index % columnCount == 0) {
      return BorderRadius.only(
            topLeft: const Radius.circular(8.0),
            bottomLeft: const Radius.circular(8.0),
          );
   } else {
       return BorderRadius.all(const Radius.circular(8.0));
   }
}

希望这会有所帮助。

快乐编码！