Flutter remove space above AppBar for iOS

Vince Gonzales 0
Viewed 43

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

flutter-layout flutter
2 Answers

just remove toolbarHeight:70 this line

Kundan mandal0

You need to use PreferredSize

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