Breaking News: Grepper is joining You.com. Read the official announcement!

side_bar_menu

Sumit Rawal answered on July 2, 2023 Popularity 6/10 Helpfulness 1/10

answer side_bar_menu

side_bar_menu

Comment

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),),
            ],
          ),
        ),
      ),
    );
  }
}

Popularity 6/10 Helpfulness 1/10 Language whatever

Source: Grepper

Tags: whatever

Link to this answer
Share Copy Link

Contributed on Jul 02 2023

Sumit Rawal

0 Answers Avg Quality 2/10

side_bar_menu

Contents

More Related Answers

side_bar_menu

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.