Learn What's New - Material 3 Top App Bar Component

🏆 My Online Courses

☕ Buy me a Coffee

📝Medium

💻 Github

📸 Instagram

💎 Become a Premium Member

In this video I'm going to introduce you with the new Top App Bar that comes with the Material 3 Design System. There are couple of important things that you need to be aware of. So I highly suggest you watching the video until the end. Enjoy! :)

⌚Timestamps
0:00 - Introduction
0:26 - Types
0:58 - What's New
2:33 - Create a simple Top App Bar
4:17 - Container Color with Tonal Elevation
7:46 - Padding Values
9:51 - Scroll Behavior with Top App Bar

[vineurohd]

What is about the status bar? It should also have the same color as the appbar

[mattwilkinson]

Any idea how we get the statusbar to change color with the app bar?

[David-zbbr]

It's good to know collapsible app bars are now out of the box without having to do some weird workarounds

[ashwin_mahajan]

Hi @Stevdza-San, can you please create a detailed course on Testing? Like Unit Testing, UI Testing and how test frameworks work? Thanks a lot, and lets keep it going! 🙏

[arielapp]

is it possible to both have a container color of the topAppBar, and have the nested scroll behavior?

[RexTorres]

Great video.

One thing I don't understand is the reasoning behind padding values. Why do they hide the first item behind the top bar as the default behaviour? Shouldn't the default behaviour be to show all items? In what scenario would I want to hide the first item behind the top bar?

[sailabbanik]

How to make status bar color same as top app bar color in material 3

[yuruar]

Is this component can be applied to xml-based project?

[adarshtechstore]

I Can Not Print String List Can You Help me how to print.

[abada-s]

How to change a small top app bar to a large one with smooth animation when scrolling down

[sureshsivalingam]

Is it possible to use lazygrid in lazycolumn?

[leffaq]

Hi Stevdza! How to use new TopAppBar and SearchBar together with scroll behavior. Can you explain this?

[anudeepananth]

App bar and status bars being the same color would give the best look, how do we achieve this while scrolling?

[manchikatlamukeshchandra]

why you aren't using xml file to create the layout

[حميدبوعصيده-غر]

Hello Stev,

Thank you for the great and helpful videos,

Do you think The Kotlin Multiplatform Mobile will be a better choice than flutter to develop apps for android and iPhone

and do we will see videos in your channel about it

[iand]

Is this for Android 12 and higher only?

[kaer]

I dont know but code is so different with document right now hate google

[prahadeesh_mk]

bro can gift your Udemy android course to me 🥺

[حميدبوعصيده-غر]

Hello Stev,

Thank you for the great and helpful videos,

Do you think The Kotlin Multiplatform Mobile will be a better choice than flutter to develop apps for android and iPhone

and do we will see videos in your channel about it