Adding a text below the icon

[rizaljanuari]

Hello, on the point, its a great work. but can i ask u about how to add a text below the icons? i try to wrap it in a column, its work but the text is also pop up when the icon pressed, so the text is overflow the button button. How to make the text is stay at the navbar? Thanks and sorry for my bad english

[Jayant2204]

It was not designed to have text and Icons as well, but if you still need to have text and Icons

`CurvedNavigationBar(
                backgroundColor: Colors.white,
                color: Colors.black12,
                items: <Widget>[
                  Column(
                    children: <Widget>[
                      Icon(Icons.home, size: 20),
                      Text('Home')
                    ],
                  ),
                  Column(
                    children: <Widget>[
                      Icon(Icons.local_florist, size: 20),
                      Text('florist')
                    ],
                  ),
                  Column(
                    children: <Widget>[
                      Icon(Icons.settings, size: 20),
                      Text('settings')
                    ],
                  ),
                  Column(
                    children: <Widget>[
                      Icon(Icons.share, size: 20),
                      Text('share')
                    ],
                  ),
                ],
                onTap: (index) {
                  //Handle button tap
                },`

Keep in mind bigger Icon size will result in overflow.

[tounoussiKhalid]

Actually what I want is that the text in the bottom of the circle not inside the circle when it's focused, how to implement this ?

[Spiderbezno]

I think that functionality is very interesting

[abdu292]

@rafalbednarczuk Amazing work. I'm very new to flutter. I was just wondering if you have any plan to implement this future?

People who are expert in dart & flutter can make the pull requests as well: This future is available in two other packages (for inspiration if that helps)

https://pub.dev/packages/curved_labeled_navigation_bar
https://pub.dev/packages/curved_navigation_bar_with_label

[juliavi]

Actually what I want is that the text in the bottom of the circle not inside the circle when it's focused, how to implement this ?

You can easily achieve this by wrapping the scaffold with a stack,
and placing a bottomCenter aligned row on the bottom of the stack - with the labels.