As for those following along with this vid. There's indeed some edge cases of difference between material 2 and material 3. Most notably the DrawerContent is now somewhat inverted with the Scaffold. 15:07 You won't be able to do so, cuz those functions would probably be composable function, and you're calling them directly from an onClickCallback function (which is not a composable function). You can have the current screen id as a state, and hoist that when statement.
Hey Philip, love how you briefly talked about accessibility in this tutorial. One thing we can do with the DrawBody composable to make it more accessible would be to add a `.semantics(mergeDescendants = true) { contentDescription = item.contentDescription }` to the LazyColumn Composable’s modifier. This creates a semantic tree node where the icon and text are merged to make one node. It helps people with screen readers so they don’t need to select the icon and then the menu item label independently.
One remark though. It seems like if you run the app, they will be read together by default. I don't know why though and idk if this was the case as well when the video was made...
For all those who are wondering why the reproduction of this tutorial may not work properly, just a note. Compose is developing rapidly. In the Material 2 design, the navigation drawer is part of the scaffold. With the transition to Material 3, the navigation drawer has become an independent composable and can be implemented with NavController.
Thank you so much for these lessons!! I learnt a lot from all your videos. Can you please upload tutorials for Material3 design?? A lot of things are different. For example, navigation bar. They also removed rememberScaffoldState..which is confusing me even more :(
hello Philipp, Thx again for all the tutos explanation that is really nice of you. I have one issue i show a list of games in my app i tried to implement the nav drawer and it worked the only issue is its behind the search bar and the list of games... If anyone or even you got an idea why i would rly appreciate :).
Thank you very much for all your tutorials. It would be nice if you go a little further with explaing how to change the compose and show different composables their viewmodels when switching from Home screen to settings or another page. Thank you.
Hi Phillip, can you do a video on Canvas applied to cool shapes such as top bars / nav bars with wavy lines, or something eye catching... Thanks a lot man. Your content is awesome!!! BTW, can you update this video for M3? Danke schön!!
@@PhilippLackner just giving background is not enough we have give contents of the screen inside scaffold function Scaffold (...) { /*screen contents*/ }
Hello Philipp 👋 Thank you for this great lesson 👏 Could you make another lesson about how to design a screen like UA-cam in case watching the video and click on comments section and showing the comments at the same time But note, make the design in portrait and landscape mode I hope you understood me; cause my english is not good 🙃
Already been able to do this by wrapping the NavHost() { } composable in modal drawer(idk if you did that too, at the time of writing the comment I'm at the 13th second of the video), among other things, like having the screens in a list, then call .forEach on the list, and define what each nav item itself is gonna look like(you can probably figure out how I handled the navigating yourself, after all, you are Philipp Lackner) But thanks for this
After 5 years working with XML I start to use compose on my projects.
Philip you are helping me a lot.
As for those following along with this vid. There's indeed some edge cases of difference between material 2 and material 3. Most notably the DrawerContent is now somewhat inverted with the Scaffold.
15:07
You won't be able to do so, cuz those functions would probably be composable function, and you're calling them directly from an onClickCallback function (which is not a composable function). You can have the current screen id as a state, and hoist that when statement.
Hey Philip, love how you briefly talked about accessibility in this tutorial. One thing we can do with the DrawBody composable to make it more accessible would be to add a `.semantics(mergeDescendants = true) { contentDescription = item.contentDescription }` to the LazyColumn Composable’s modifier. This creates a semantic tree node where the icon and text are merged to make one node. It helps people with screen readers so they don’t need to select the icon and then the menu item label independently.
One remark though. It seems like if you run the app, they will be read together by default. I don't know why though and idk if this was the case as well when the video was made...
Bro really are you reading our minds, looking to implement this and you come with a Video
I was also looking for this yesterday :D
@@NidhinRejoice 🙌
Very well made! Thx a ton !!
Well you just fully answered today's job for me. Thanks Philipp
For all those who are wondering why the reproduction of this tutorial may not work properly, just a note. Compose is developing rapidly. In the Material 2 design, the navigation drawer is part of the scaffold. With the transition to Material 3, the navigation drawer has become an independent composable and can be implemented with NavController.
Thank you so much for these lessons!! I learnt a lot from all your videos. Can you please upload tutorials for Material3 design?? A lot of things are different. For example, navigation bar. They also removed rememberScaffoldState..which is confusing me even more :(
Thank you very much, I still feel new in android when Jetpack came out. Need change thinking instead Designer usage "drag and drop" :)
Hello. How I can get android studio theme like yours? Thank you!
Thanks for this! You need to be on the latest version of compose 1.2.0 or higher for this to work correctly. Set compileSDK version to 32 or higher
Hello, what version of Android do you use?
How do you make the drawer not overlap the top bar when open?
just used this in a current project :) tyvm
I was waiting for this thanks
navigationDrawerComposeTheme not found!
HI PHILIPP :How to make the icons in the status bar black and the status bar white, please help me
Material 3 doesn't have "drawerContent"?
So how to solve this problem?
hello Philipp,
Thx again for all the tutos explanation that is really nice of you.
I have one issue i show a list of games in my app i tried to implement the nav drawer and it worked the only issue is its behind the search bar and the list of games...
If anyone or even you got an idea why i would rly appreciate :).
Lovely video than you .
Could you kindly advise the learning path you took to brilliantly know kotlin and Android studio in the manner that you do
Thank you very much for all your tutorials. It would be nice if you go a little further with explaing how to change the compose and show different composables their viewmodels when switching from Home screen to settings or another page. Thank you.
What is the setup and theme of your android studio? Care to give info?
Just usual Studio with Xcode Dark theme
How can I get these font colors?
Hi Phillip, can you do a video on Canvas applied to cool shapes such as top bars / nav bars with wavy lines, or something eye catching... Thanks a lot man. Your content is awesome!!!
BTW, can you update this video for M3? Danke schön!!
Thanks 🙃
Nice and wonderfull for great lesson.
Hello , thank you for these wonderful videos it's quite helpful
i may not be able to follow the guide but at least bro is nice to look at
Thanks for this!!
How to cut the width of the drawer
seem like so much changed with material 3 but still easy just read document :v
Thank you for helping
can anyone help me when I import my project it's always showing loading but not load
Can u make tutorial how to implement forgot password using KMongo?
Thanks bro
You save me jajaja, thx for this tutorial.
I used Navigation Drawer but after opening the drawers the underlying contents are visible, it means that the drawer is transparent
Then give it a background 😂
@@PhilippLackner Ok I'll try that 😅
@@PhilippLackner just giving background is not enough we have give contents of the screen inside scaffold function
Scaffold (...) {
/*screen contents*/
}
Thanks!
Nice 💚💚
Hello Philipp 👋
Thank you for this great lesson 👏
Could you make another lesson about how to design a screen like UA-cam in case watching the video and click on comments section and showing the comments at the same time
But note, make the design in portrait and landscape mode
I hope you understood me; cause my english is not good 🙃
If Apple owners see the video banner, they will definitely have a stroke
good project
What about a bottomsheet vídeo?
Don't spoiler tomorrow's video 👀
thanks for your content tho, it's only useful for university
Already been able to do this by wrapping the NavHost() { } composable in modal drawer(idk if you did that too, at the time of writing the comment I'm at the 13th second of the video), among other things, like having the screens in a list, then call .forEach on the list, and define what each nav item itself is gonna look like(you can probably figure out how I handled the navigating yourself, after all, you are Philipp Lackner)
But thanks for this
Beta tester od roku 2016 oceňujem,,
thank you and you're beautiful
Guys i have advice dont try this with material3 compose ...
Awesome/
Hello. How I can get android studio theme like yours? Thank you!
it's called Xcode dark
@@PhilippLackner thank you so much!
@@PhilippLackner thank you so much!