 Hey everybody, this is Brian. Welcome to the 36 Flutter Tutorial. Wow, it's hard to believe we've done 36 of these. Today we're going to cover the drawer which is a material design panel that slides in horizontally from the edge of a scaffold to show the navigation links and application. I know you've seen these, but sometimes you got to see it to really understand it. So we're going to cover it. First thing we're going to do, if you followed along in my previous tutorial, we made a live template so it'll save a lot of typing. So I'm just going to pop open the live template here and that imports our Flutter material design package. It has a main which does the run app which starts the material design application. The home property of that is a new my app which is a state for widget which has a create state or a underscore state of the my app. You should understand all those concepts before really proceeding further here. In there we just have a simple template of a scaffold with an app bar and a container with some widgets in there. We're just going to run this so you can see what it looks like with the default configuration here just in case you missed the previous tutorials. So really this is all this looks like and what we're going to do is we're going to add a little button here that when we click that the drawer is going to slide out and we'll have an array of widgets that we can put in there. So without further ado let's just dive right in here. So the scaffold has another property that we haven't really played with called drawer and in the drawer we can add well pretty much anything we want. So say child and we're going to say and let's just say why not let's just do 32.0 just because I really like that number and the child as you can understand now the design pattern we've been following whenever you say child it expects a widget or when it's a child or children it expects a widget so we can put literally anything we want in here so we can say new text hello drawer and let's actually I think hot reloading actually did take it I don't have to reload the whole app so now we have hello drawer pretty cool huh so what can we do with this I mean well pretty much anything we want we can put any widget in there that we want so let's just add a few things and show how to kind of close this and do what we want to do with it. So we're going to say new column and then we'll have an array of widgets here and we'll say new text I should have just kept that hello drawer and then here we'll say new let's do a race button because we've worked with the race button before and we are just going to say say it's going to be a red button and let's give it a child of new text and the on press we are just going to say navigator dot and we're going to pop it under the current context so what that will do and I'm just going to run the whole thing over again just in case hot reloading doesn't take that so what that will do is we have our drawer and then we have a text widget or anything else we want to put in here for example we have a red button that says close and we click that boom closes the drawer but you can put anything you want in here you can put images you can put text input fields check boxes typically what a drawer is used for is for navigation so you'd say that and then you have like you know account settings map details about whatever you wanted to do but we just wanted to cover the basics of the drawer class and how to get it open and closed so that's it very simple very powerful widget it's actually part of the scaffold itself so thank you for watching I hope you found this educational entertaining for the source code for this and all of the tutorials go out to my website void realms.com it's out on github and feel free to join the void realms facebook group we have 1700 plus programmers out there all walks of life we can definitely help you with your problems