android – Methods to make a textual content proper beneath an icon in BottomAppBar in flutter?

So I’ve a BottomAppBar and i am making an attempt to have a textual content proper beneath the icon button, I’ve tried utilizing Column with mainaxissize set to min and I’ve additionally tried to make use of wrap with the bottom spacing i can do however none of those strategies put the textual content proper beneath the icon, there appears to be some sort of hole or padding between the icon and the textual content that I want to take away, how am i able to make the textual content proper beneath the Icon?

right here is the code:

bottomNavigationBar: BottomAppBar(
    form: CircularNotchedRectangle(),
    notchMargin: 4.0,
    youngster: new Row(
      // mainAxisSize: MainAxisSize.max,
      mainAxisAlignment: MainAxisAlignment.spaceEvenly,
      kids: <Widget>[
        Wrap(
          direction: Axis.vertical,
            children: [
          IconButton(
              icon: Icon(
                Icons.home_outlined,
                color: Colors.grey,
              ),
              onPressed: () => screenIndex(0)),
          Text("Home")
        ]),
        IconButton(
            icon: Icon(
              Icons.historical past,
              colour: Colours.gray,
            ),
            onPressed: () => screenIndex(1)),
        SizedBox(width: 10),
        IconButton(
            icon: Icon(
              Icons.message,
              colour: Colours.gray,
            ),
            onPressed: () => screenIndex(3)),
        IconButton(
            icon: Icon(
              Icons.person_outline,
              colour: Colours.gray,
            ),
            onPressed: () => screenIndex(4)),
      ],
    ),
  ),