Bottom Navigation Bar With Badges - UX With Material3
HTML-код
- Опубликовано: 8 авг 2023
- In this video you'll learn about how you can implement the Material3 Bottom Navigation View together with number badges (like for a chat screen) and info badges to indicate there's something new on the screen.
⭐ Learn all the professional technologies applied in the industry
⭐ 100% money back guarantee for 30 days
⭐ Become an industry-ready Android developer now:
pl-coding.com/premium-courses...
Get my FREE PDF about 20 things you should never do in Jetpack Compose:
pl-coding.com/jetpack-compose...
💻 Let me be your mentor and become an industry-ready Android developer in 10 weeks:
pl-coding.com/drop-table-ment...
Follow me on Instagram for insights into my live as an Android developer:
/ _philipplackner_
Get the source code for this video on GitHub:
github.com/philipplackner/M3-...
I watch every single video you upload. Thanks for such detailed content about Android. Keep uploading. Happy coding.
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! :)
Appreciate the valuable content 🙏🏼
You are a great teacher
Thanks mate, It is helpful.
This. This is exactly what we wanted
very very useful. Thanks🌱
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 🤣
this happens all the time, even with Apple User Interface Guidelines
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!
Thank you bro
Informative video
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
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?
nice videos...need a video of navigation drawer and bottom navigation bar combine with screen changes...plz...
hello sir, currently the controversy between KMM + compose Kmm vs flutter .Which is the best in the future?
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.
Can u make it to ModalBottomSheet asap.
As I'm unable to access it on m3 in Giraffe version
Can you make a video about desktop navigation bar in compose desktop with material 3?
Show us about playing hls video and v3.exo format plz
Do you have a video of how to use navcontroller with this?
plz post a video on nav controller in bottom bar
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?
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...
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
TE AMO MALDITO YANKEE ,
I hope to show us a practical example of how to implement a best practice navigation with bottom navigation bar
ruclips.net/video/XyXPs6xOAfU/видео.html
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).
@@clamum9648 did you share a gist or an example?
@@clamum9648 is the route stored in a format like "Screen.Home.route?"
Can you creat video talk about difference between flutter and kotlin and who the best ?
flutter to many issue the big issue is jank,laggy animation even jank issue come from 2015 till now
Gandon
Why you don't use Kotlin ? I hear it it's better than java in android development
For sure he use kotlin
@@davidfeldman1746 But in most of his videos he uses Java
@@user-rq5rn5nr8lmost of his videos are in kotlin on this channel. This video was in kotlin.
OMG
Bruh