condensing the gap between flutter bottom navigation bar widget

Question

I have been trying to make the flutter bottom navigation bar widget to condense the gap between icons.

How would I be able to do this. I am imagining that I would need to create my own bottom navigation bar but if there is a simpler solution then I am all ears.

Thank you.

Answer 1

Okay seems like I was being silly.

You can add padding to a specific side to get it moving like so:

BottomNavigationBarItem(
  icon: Container(
    child: Icon(Icons.explore),
      padding: EdgeInsets.fromLTRB(100, 0, 0, 0),
    ),
  title: Text("Explore"),
),