 Hello guys in the last video, we have seen bottom navigation bar and in this video We are going to change this bottom navigation bar to curved navigation bar So for that we need to add one dependency that is curved navigation bar scope it is go to pubspec and Add it under the dependencies save this and And go back to main page so what we need to do we need to replace this bottom navigation bar With this curved navigation bar. So it will look like this I just copy this from here and go here and just replace this and Okay, so let's stop this and check it out. So we just go here and fetch the dependency again So that it can be detected Save this Yep, now you can Just go here and Import this. So once you do this These properties will not be working with this. So let's come into these and Same these properties Are not working over here. Let's come into this and here it will take directly items So items would be your icons here. So let's copy this and Use these icons over here Save this and run it Okay, so now you can see this bottom navigation bar is working So by default it is not selecting any of the Required app so for that earlier we were using current index, but there is no such property over here So we have this index property over here and you can use the same variable over here So now it would be by default choosing this tab instead of choosing the first one So another thing is if you want you can change the colors as well. So we have this Background color property. Let's give it purple color and save this and You can see this color has been changed to purple color And if you want to highlight the selected items, there is another property for that that is Bottom background color. So let's use this color start yellow first of all So this will change the background color of selected item Okay So this is how we can use it and If you want to use labels for that this dependency will not be working. So first of all, let's this go to terminal and Just go here and simply say curved navigation bar Edit and commit this publish so in order to display the Titles here along with these icons. We need to use another dependency That is this one curved label navigation bar. I just copy this Go to pubspec and before adding this, let me create another branch and Just use it over here Okay, now we can make changes over here Just go to dependencies and you can remove this dependency and add this one save this and Just stop this app because it will crash because There are different Classes over here. So here we have to use this curved navigation bar But instead of using direct items, we have this property Curved navigation bar item where we can add label. Just go back here and this time instead of using this We have to import it from another library and just remove the previous one and Just go back and We are using this just remove this and we can uncomment these and replace this with oops, just go here and replace this with curved navigation bar okay, and same for these and You can remove this const over here And add the const over here and same for these Save this and you can check what error it is saving just import this and What's the problem now child is required So here we need child you can take a look on example over here So it is asking for child that would be the icon and the label is another one so let's do what change it to child and And remove this So this would be the child and you can also make it const and remove this Okay, so just replace this icon with child And remove this once Save this and just run it Right, so you can see now this is working fine and You can see the labels So I have covered both packages over here the one is curved navigation bar second is Curved labeled navigation bar, so I have created separate branch for each of these uses So you can check out that link from the description So that is all for this video if you have any doubt to comment in the comment section Otherwise like share and subscribe. Thank you