CODEWITHSUNDEEP
flutterflutter-layout
Vince Gonzales
Vince Gonzales

Reputation: 995

Flutter remove space above AppBar for iOS

The AppBar in iOS has an extra space above, and so the icon doesn't look like it's aligned vertically, how do you remove the extra space above? Thanks! Please refer to screenshots below:

Code:

Scaffold(
    appBar: AppBar(
       toolbarHeight: 70,
       backgroundColor: Colors.white,
       title: SvgPicture.asset(
          Assets.mainLogo,
          width: 7.w,
       ),
       centerTitle: true,
    ),
);

enter image description here

enter image description here

Upvotes: 0

Views: 522

Answers (2)

Kundan mandal
Kundan mandal

Reputation: 83

just remove toolbarHeight:70 this line

Upvotes: 1

mohammad esmaili
mohammad esmaili

Reputation: 1747

You need to use PreferredSize

appBar: PreferredSize(
          preferredSize: Size.fromHeight(50.0), // here the desired height
          child: AppBar(
            // ...
          )
        ),

Upvotes: 0

Related Questions