Flutter Grid View elements's cornerRadius not working

Question

this is my issue:

I have a GridView.count with a List.generate as children. Basically I have a grid of maps made with google_maps_flutter and I want to give each of them a corner radius but it applies only to the last element of my list , I've tried putting corner radius everywhere:

inside a box decoration wrapping my elements inside a container, various tries never worked.
wrapping in a clipRRect, still applies only for the last element.
giving to my custom widget Map a corner radius, still applies only for the last element.

I think it is a render problem, when I run my app on a physical device and not the simulator, it works well for every cell in android, but in iOS there is still the problem. please help. problem

start of the list

I want all the cells to have a border radius

code

Does the Mappa widget in code have some padding that might be interfering with the `ClipRRect`? — Aditya Thakur, Jul 12 '23 at 10:58
No there is no padding from the Mappa widget interfering, just checked — J quali, Jul 12 '23 at 12:03

score 0 · Answer 1 · answered Jul 12 '23 at 09:56

0

Try using clipBehavior

ClipRRect{
  clipBehavior: Clip.antiAliasWithSaveLayer,
  child: ...
}

answered Jul 12 '23 at 09:56

RAT101

26
1
6

unfortunately it doesn't work, just tried. – J quali Jul 12 '23 at 10:02

score 0 · Answer 2 · answered Jul 12 '23 at 11:16

0

Try this

Card(
  clipBehavior: ...,
  shape: RoundedRectangleBorder(
    borderRadius: BorderRadius.circular(8),
  ),
......
)

answered Jul 12 '23 at 11:16

RAT101

26
1
6

unfortunately it doesn't work, just tried. Still it affects only the last map square – J quali Jul 12 '23 at 12:09

Flutter Grid View elements's cornerRadius not working

2 Answers2

Linked

Related