Flutter GridView.builderで作るContainerの枠線が重なって太くなる
解決したいこと
FlutterのGridView.builderで👇の図のようなレイアウトを作ってます。
が、Containerの枠線が重なってる部分だけ線が太くならないようにできないでしょうか？
該当のコード
Containerの周りをBorderで枠線を作っています。
今のコードですとGridViewの一番上と下の枠線だけ細くなり、それ以外の部分の枠線は重なって太くなってしまいます。。。
Container(
height: 400,
child: GridView.builder(
gridDelegate: const SliverGridDelegateWithFixedCrossAxisCount(
crossAxisCount: 2,
childAspectRatio: 4.2,
),
itemCount: categories.length,
itemBuilder: (context, index) => Container(
width: double.infinity,
height: double.infinity,
alignment: Alignment.center,
decoration: BoxDecoration(
border: Border.all(
width: 0.5,
color: Palette.deepGrey,
),
),
child: Text(
categories[index].name,
),
),
),
),
itemBuilderのindexで１つ目と２つ目のContainerを判断し、borderの値を条件分岐するしか無いのでしょうか？。。。
cssなら簡単なのに
0