How to reduce the white space beside the drawer icon in Flutter?

In my flutter project, I have set one custom drawer.

Here's code for custom drawer-

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: <Widget>[

              SizedBox(height: ScreenUtil.instance.setHeight(30),),

              _createDrawerItem(
                  icon: Icons.keyboard_arrow_right,
                  text: 'English to Bangla',
                  onTap: () =>
                      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: <Widget>[
          Positioned(
              bottom: 12.0,
              left: 16.0,
              child: Text("Flutter Step-by-Step",
                  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: <Widget>[
            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,
    );
  }

}

Here's code for the toolBar which is shown beside the drawer icon-

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() => _SearchAppBarState();
}

class _SearchAppBarState extends State<SearchAppBar> {
  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: <Widget>[

          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)=>WordDetailScreen(_searchTextController.text.toLowerCase())));
                }

              },
                  child: Icon(Icons.search, color: Colors.blue,))),

          SizedBox(width: 15)
        ],
      ),
    );
  }
}

And then, in the class where I want to use this drawer, I have called inside Scaffold like below-

drawer: AppDrawer()

But the problem is this causing a white space beside the drawer icon like below image-

enter image description here

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.


You can use Transform.translate to move the search bar to the left:

@override
Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
            leading: Builder(builder: (context) {
              return IconButton(
                icon: Icon(Icons.menu),
                onPressed: () => Scaffold.of(context).openDrawer(),
              );
            }),
            title: Transform.translate(
                offset: Offset(-30.0, 0.0),
                child: Text('this is the title') // here you can put the search bar
            ),
          ),
      drawer: Drawer(
      ),
    );
}