Want to add background color to each item of Bottom Navigation Bar in Flutter

Question

I have to create a Bottom Navigation Bar with a background for each item like below.

Answer 1

Try using some code like this:

Material(
  color: Colors.white,
    child: Ink(
      decoration: const ShapeDecoration(
        color: Colors.blue,
        shape: RoundedRectangleBorder(),
      ),
      child: IconButton(
        icon: const Icon(Icons.android),
        color: Colors.white,
        onPressed: () {},
      ),
    ),
);

Which gives an output of this button: Button

Here is the link to the documentation about this: Link to documentation

Hope this helps :)