Day 1: What’s The Widget

Welcome to Day 1 of the “What’s the Widget” 10-day content challenge! Over the next few days, we will dive into different app widgets, exploring the thought process behind their development, design, and functionality. Today, we are starting with one of my personal favorites – the Bottom Navigation Bar.

In this example, our bottom nav bar includes buttons for Updates, Calls, Chats, and Settings (I have intentionally left out Tools). This type of navigation bar is super common in mobile apps, and I love it for a couple of reasons. Not only is it incredibly simple to implement, but it also makes app navigation feel effortless.

As you can see in the screenshot, I was on the Updates tab when I took it, which is indicated by the blue highlight. This blue color represents a bool value in the code – if the current screen is “Updates”, the button turns blue. If not, the button stays its default color. Easy, right?

And there you have it – the Bottom Navigation Bar widget! Simple, effective, and essential for smooth app navigation. Stay tuned for more widgets throughout this challenge!