Bottom Navigation Bar With Badges - UX With Material3

[@Dibyendu.M]

I watch every single video you upload. Thanks for such detailed content about Android. Keep uploading. Happy coding.

[@roman71717]

Google is not following their own recommendations haha, Gmail app has only 2 actions in the bottom nav and also they don't show label at all 🤣

[@impred4162]

this happens all the time, even with Apple User Interface Guidelines

[@PaweSzymanski-gk7po]

It would be fantastic to see a NavigationDrawer implementation for M3. Your previous video on this topic is now outdated, as the M3 Scaffold no longer includes the 'drawerContent' parameter. Instead, we now have to use ModalNavigationDrawer. Amazing video as always Philipp, thanks! :)

[@alirezafaraji]

So, my initial plan was to dive into the entire series yesterday. However, as it turned out, I managed to get through five of the videos (leaving two remaining). Unfortunately, time caught up with me, and I had to surrender to sleep. Thus, I made the decision to wrap up for the night and put off the next videos for tomorrow. Yet, I must admit, my resolve crumbled quite spectacularly. I found myself ensnared in the clutches of laziness, and the entirety of my day slipped away unproductively. Now, on a somewhat more positive note, I did manage to conquer the sixth video. However, I'm afraid the prospect of tackling the seventh video tonight is quite improbable, considering it's nearly a quarter to 1 am. With hope firmly in my corner, I aim to complete the series tomorrow-perhaps in the morning. I still can't help but express my sincere gratitude for these amazing videos. Your work is greatly appreciated, and please know that we hold you in high regard. Keep up the outstanding work, and until next time, take care!

[@aamirhoda7363]

Hey Philipp, Thank you so much for all these content & that too very beautifully. I had one question, which I'm right now asking directly without looking it up elsewhere or even in any of your blogs so please don't mind the context. Here at 2:00 ; you mentioned that we should never use BottomAppBar & BottomNavBar together. Is that a hard & fast rule, just a general guideline or is there any particular reason of not using them together?

[@hisfatness522]

Funny how the recommendation is to only use this if you have 3-5 entries to navigate to (which I agree with), but Gmail has 2 entries in their navigation bar lol.

[@AldrinHernando]

Do you have a video of how to use navcontroller with this?

[@enriqueajin6016]

Appreciate the valuable content 🙏🏼

[@nazaninbalasi8705]

This video was awesome. Thanks a lot😊

[@MahmoodAhmad-yu4mq]

You are a great teacher

[@rakeshchowdhury202]

This. This is exactly what we wanted

[@mohammad-hossein-farzanegan]

very very useful. Thanks🌱

[@orlandoreyes884]

Hi, Philipp. How do I channge the color of the item selected in the NavigationBar?

[@clamum9648]

Appreciate it big 🐕. Upgraded my older BottomNavBar with the material3 one. I totally hate how the bottom nav bar overlays your screen components. I guess the solution is to just give your bottom component on the screen a set Dp padding about equal to the height of your bottom nav bar? It's such a hacky inelegant solution but I don't know of a better one. Does the bottom nav bar change sizes (height) depending on screen size?

[@vinaykumarpatel649]

Thanks mate, It is helpful.

[@riyaspullur]

Thank you bro

[@ShuvaRanjanRishi]

nice videos...need a video of navigation drawer and bottom navigation bar combine with screen changes...plz...

[@Nostang3]

I would love ot see a follow up on this where you have different top bars items specific to the bottom bar item or hide the top bar for a certain bottom bar item. With

[@NavneetYadav-l2u]

plz post a video on nav controller in bottom bar

[@binodbasnet1762]

Informative video

[@tutrieu3250]

hello sir, currently the controversy between KMM + compose Kmm vs flutter .Which is the best in the future?

[@ErfanAzadi-y1q]

I am using this in my project this is SOOOOOO LAGGGYYY please tell me what to do? I tried it on different devices and in all of them were laggy...

[@daniesmar]

I've heard debug versions of compose apps are all laggy but release APK are optimized

[@umardev500]

i come from flutter, i think that compose too many limitaion we can't see option to remote overlay color for indicator so we can remove ripple and more like in flutter, but i concerned about janky and laggy animation issue in flutter.. and i don't know that indicator has no animation like in material 3 specs

[@mikdadmrhij2447]

Can you creat video talk about difference between flutter and kotlin and who the best ?

[@umardev500]

flutter to many issue the big issue is jank,laggy animation even jank issue come from 2015 till now

[@RenderDragon]

Can you make a video about desktop navigation bar in compose desktop with material 3?

[@MillionviewsYT1]

Show us about playing hls video and v3.exo format plz

[@ayushverma2166]

Can u make it to ModalBottomSheet asap. As I'm unable to access it on m3 in Giraffe version

[@abada-s]

I hope to show us a practical example of how to implement a best practice navigation with bottom navigation bar

[@gofudgeyourselves9024]

kzbin.info/www/bejne/jqq7gaZsrbR0nLc

[@clamum9648]

There isn't a whole lot to it. I have my NavigationBar in its own Composable (so basically what Philipp has, in a different Composable I call "BottomNavigationBar", because I send a few config options to it). One of the parameters in that Composable is an "onItemClick" function, which expects my BottomNavItem class and returns Unit. My "NavigationBarItem" onclick event does the following: set the selectedIndex, just like Philipp shows, and then calls the "onItemClick" I sent to my Composable. In the parent calling Composable that calls my "BottomNavigationBar" Composable, I have the following as the "onItemClick" I send: "navController.navigate(route = it.route)" (my BottomNavItem data class stores the "route" for each item, as Philipp does mention in the video but doesn't demo).

[@abada-s]

@@clamum9648 did you share a gist or an example?

[@RohanPejaver-nt5gw]

@@clamum9648 is the route stored in a format like "Screen.Home.route?"

[@wilkq1110]

but this way of implementation doesn't work with navController as it refresh UI so the selectedItem is by default 0. It's just changing the index but doesn't work with navigation so what is the point put tutorial like that, Navigation actually without navigation

[@pablopable]

TE AMO MALDITO YANKEE ,

[@erlanbek-kanybekov]

Gandon

[@Mohsenjoke-x9h]

Why you don't use Kotlin ? I hear it it's better than java in android development

[@davidfeldman1746]

For sure he use kotlin

[@Mohsenjoke-x9h]

​@@davidfeldman1746 But in most of his videos he uses Java

[@firstnamelastname-oy7es]

​@@Mohsenjoke-x9hmost of his videos are in kotlin on this channel. This video was in kotlin.

[@jaloliddinabdullaev2310]

OMG

[@clamum9648]

Bruh