In my Flutter app, I have this AppBar
Widget setAppBar(){ return new AppBar( title: addAppBarTextWidget('Explore'), elevation: 0.0, leading: addLeadingIcon(), actions: <Widget>[ addAppBarActionWidget(Constant.iconNotification, 22.0, 16.0, 8.0), addAppBarActionWidget(Constant.iconProfile, 30.0, 30.0, 15.0) ], ); } Widget addLeadingIcon(){ return new Container( height: 25.0, width: 25.0, padding: const EdgeInsets.fromLTRB(0.0, 0.0, 0.0, 0.0), margin: const EdgeInsets.fromLTRB(0.0, 0.0, 0.0, 0.0), child: new Stack( alignment: AlignmentDirectional.center, children: <Widget>[ new Image.asset( Constant.iconNotification, width: 25.0, height: 25.0, ), new FlatButton( onPressed: (){ onLeadingShowCategoryClick(); } ) ], ), ); }
it looks like:
As you can see on the AppBar, there is some extra padding around the leading icon. How can I remove this extra padding.
How to Remove Extra Padding Around AppBar Leading Icon In Flutter ?? appBar: AppBar( automaticallyImplyLeading: false, // Don't show the leading button title: Row( mainAxisAlignment: MainAxisAlignment. start, crossAxisAlignment: CrossAxisAlignment. center, children: <Widget>[ IconButton( onPressed: () => Navigator.
You just need to wrap the Column(Which is inside SingleChildScrollView) with Container and give its height and width.
A simple way to remove the back button in the AppBar Widget is to set automaticallyImplyLeading to false.
Just add a property called titleSpacing,
Sample
appBar: AppBar( leading: Icon(Icons.android), titleSpacing: 0, title: Text(widget.title), ),
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With