import 'package:flutter/material.dart';

​

//A stateless widget where we will draw our Drawer that opens it from the left from the scaffold

class SideBarMenu extends StatelessWidget {

  const SideBarMenu({Key? key}) : super(key: key);

​

  @override

  Widget build(BuildContext context) {

    //To build a drawer we have to use 'Drawer' widget

    return Drawer(

      //SafeArea widget we use to ignore the space from boundary which are occupied by the phone, eg. Notch in Iphones

      child: SafeArea(

        //Padding widget we use to give space to the child widget from the parent widget, here ListView will have some spacing against the SafeArea widget

        child: Padding(

          //EdgeInsets is used to define the padding

          padding: const EdgeInsets.only(bottom: 45, top: 45, left: 45),

          //ListView is a Widget that will take Children Widgets which will align in column, the main difference between Column and ListView widget is

          //ListView is scrollable, when the children exceed the length of the screen

          child: ListView(

            children: [

              Text('Profile', style: TextStyle(fontSize: 24),),

              SizedBox(height: 45,),

              Text('Menu', style: TextStyle(fontSize: 24),),

            ],

          ),

        ),

      ),

    );

  }

}