title: How to reduce the white space beside the drawer icon in Flutter?
body: <p>In my flutter project, I have set one custom drawer.</p>
  <p>Here's code for custom drawer-</p>
  <pre><code>class AppDrawer extends StatelessWidget {
    @override
    Widget build(BuildContext context) {
  
      double defaultScreenWidth = 400.0;
      double defaultScreenHeight = 810.0;
  
      ScreenUtil.instance = ScreenUtil(
        width: defaultScreenWidth,
        height: defaultScreenHeight,
        allowFontScaling: true,
      )..init(context);
      
      return SizedBox(
        width: MediaQuery.of(context).size.width * 0.70,
        child: Drawer(
  
          child: Container(
            color: Colors.black87,
            child: ListView(
              padding: EdgeInsets.zero,
              children: &lt;Widget&gt;[
  
                SizedBox(height: ScreenUtil.instance.setHeight(30),),
  
                _createDrawerItem(
                    icon: Icons.keyboard_arrow_right,
                    text: 'English to Bangla',
                    onTap: () =&gt;
                        Navigator.pushReplacementNamed(context, Routes.englishToBangla)),
  
                Padding(
                  padding:  EdgeInsets.only(left:ScreenUtil.instance.setWidth(20), right: ScreenUtil.instance.setWidth(20)),
                  child: Divider(
                    height: ScreenUtil.instance.setHeight(10),
                    color: Colors.grey,
                  ),
                ),
  
  
              ],
            ),
          ),
        ),
      );
    }
  
  
    Widget _createHeader() {
      return DrawerHeader(
          margin: EdgeInsets.zero,
          padding: EdgeInsets.zero,
          decoration: BoxDecoration(
              image: DecorationImage(
                  fit: BoxFit.fill,
                  image:  AssetImage('path/to/header_background.png'))),
          child: Stack(children: &lt;Widget&gt;[
            Positioned(
                bottom: 12.0,
                left: 16.0,
                child: Text(&quot;Flutter Step-by-Step&quot;,
                    style: TextStyle(
                        color: Colors.white,
                        fontSize: 20.0,
                        fontWeight: FontWeight.w500))),
          ]));
    }
  
  
  
    Widget _createDrawerItem(
        {IconData icon, String text, GestureTapCallback onTap}) {
      return ListTile(
        title: Padding(
          padding: EdgeInsets.only(left: ScreenUtil.instance.setWidth(10)),
          child: Row(
            children: &lt;Widget&gt;[
              Container(
                  decoration: BoxDecoration(
                    shape: BoxShape.circle,
                    color: Colors.teal
                  ),
                  child: Icon(icon, color: Colors.white,)
              ),
              Padding(
                padding: EdgeInsets.only(left: ScreenUtil.instance.setWidth(10)),
                child: Text(text, style: TextStyle(color: Colors.white, fontWeight: FontWeight.bold, fontSize: ScreenUtil.instance.setSp(14) ),),
              )
            ],
          ),
        ),
        onTap: onTap,
      );
    }
  
  }
  </code></pre>
  <p>Here's code for the toolBar which is shown beside the drawer icon-</p>
  <pre><code>class SearchAppBar extends StatefulWidget implements PreferredSizeWidget {
    final PatternCallback onPatternSelected;
    SearchAppBar(this.onPatternSelected, {Key key})
        : preferredSize = Size.fromHeight(90),
          super(key: key);
  
    @override
    final Size preferredSize; // default is 56.0
  
    @override
    _SearchAppBarState createState() =&gt; _SearchAppBarState();
  }
  
  class _SearchAppBarState extends State&lt;SearchAppBar&gt; {
    TextEditingController _searchTextController = TextEditingController();
  
  
    @override
    Widget build(BuildContext context) {
  
      double defaultScreenWidth = 400.0;
      double defaultScreenHeight = 810.0;
      ScreenUtil.instance = ScreenUtil(
        width: defaultScreenWidth,
        height: defaultScreenHeight,
        allowFontScaling: true,
      )..init(context);
  
      return Container(
        color: Colors.white,
  
        child: Row(
          children: &lt;Widget&gt;[
  
            Expanded(
              child: Container(
  
                decoration: BoxDecoration(
                  borderRadius: BorderRadius.circular(3),
  
                ),
                child: Theme(
                  data:
                  Theme.of(context).copyWith(primaryColor: Color(0xFFff9900)),
                  child: TextFormField(
                    autofocus: false,
                    style: TextStyle(fontSize: ScreenUtil.instance.setSp(18)),
                    keyboardType: TextInputType.text,
                    controller: _searchTextController,
                    decoration: InputDecoration(
                      border: InputBorder.none,
                      hintText: 'Search for any word you want',
                      hintStyle:
                      TextStyle(fontSize: ScreenUtil.instance.setSp(16)),
                      contentPadding: EdgeInsets.symmetric(
                          vertical: 14,
                          horizontal: 10),
                    ),
                    onChanged: (String value) {
                      widget.onPatternSelected(value);
                    },
                  ),
                ),
              ),
  
  
  
            ),
  
  
            Container(
  
                decoration: BoxDecoration(
                    borderRadius: BorderRadius.circular(0),
                   ),
                child: InkWell(onTap: (){
  
                  if(_searchTextController.text.isNotEmpty) {
                    Navigator.of(context).push(MaterialPageRoute(builder: (context)=&gt;WordDetailScreen(_searchTextController.text.toLowerCase())));
                  }
  
                },
                    child: Icon(Icons.search, color: Colors.blue,))),
  
            SizedBox(width: 15)
          ],
        ),
      );
    }
  }
  </code></pre>
  <p>And then, in the class where I want to use this drawer, I have called inside Scaffold like below-</p>
  <blockquote>
  <p>drawer: AppDrawer()</p>
  </blockquote>
  <p>But the problem is this causing a white space beside the drawer icon like below image-</p>
  <p><a href="https://i.stack.imgur.com/LCYFB.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/LCYFB.png" alt="enter image description here" /></a></p>
  <p>And I am having no idea from where this extra padding or margin is happening. So, I need a solution to reduce this extra white space beside the drawer icon.</p>