O'Reilly logo

UX Design for Mobile by Pau Giner, Pablo Perea

Stay ahead with the world's most comprehensive technology and business learning platform.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, tutorials, and more.

Start Free Trial

No credit card required

Bottom navigation

Now that we have our PageComponent working, it's time to add functionality to the bottom navigation. For this, the first thing that we will do is to create a function that will hide and show the necessary elements so that the App Bar and the bottom navigation represent the view in which we are. The function will show the elements of one or the other view according to a parameter that we will have to pass on the call.

The function we created first puts all the elements of the bottom navigation in the deselected state, making the gray state of each one visible and hiding all the elements of the App Bar from all the views.

After analyzing the parameter that we passed to the function with a switch structure, and according to ...

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, interactive tutorials, and more.

Start Free Trial

No credit card required