Flutter BottomNavigationBarItem - allow label overflow (or increase allowed width)-CodePudding

One of my 4 BottomNavigationBarItems in the BottomNavigationBar has more than 9 characters in the label, which means the overflow (triple dots) occurs.

Is there a way to prevent this? To change the maximum allowed characters in a BottomNavigationBarItem, or to allow text overflow?

CodePudding user response：

Below code will allow the overflow text to show in the next lines(properties of BottomnavigationBar)

selectedLabelStyle: TextStyle(overflow: TextOverflow.visible,),
unselectedLabelStyle: TextStyle(overflow: TextOverflow.visible,),

CodePudding user response：

there is a lot of ways to do that :

1 - you can set the type to fixed :

bottomNavigationBar: BottomNavigationBar(
  type: BottomNavigationBarType.fixed

)

2 - you can minimize the size of your text

3 - you can warp it with Wrap widget

also some code in your question will be usefull