flutterdartflutter-ui

How to remove InkWell padding?


I want to erase the gap indicated by the arrow in Image.

I am currently using InkWell.

highlightColor: Colors.blue;

If I do the above and press and hold, the blue color appears in the gaps. So I am wondering if the animation is causing the problem.

But I don't know how to solve it.

                  gridView.builder(
                      gridDelegate:
                          const SliverGridDelegateWithFixedCrossAxisCount(
                        crossAxisCount: 3,
                        childAspectRatio: 0.7, 
                      ),
                      itemCount:
                          items.length;
                      itemBuilder: (context, index) {
                        return InkWell(
                               onTap()=>game())
                            child:Card(child:Container(height:100),                            margin: EdgeInsets.zero,
);

Solution

  • The InkWell doesn't have margin/padding. the Card on the other hand does have a default margin

    Card(
      margin: EdgeInsets.zero,
      child: Container(),
    );