Flutter remove space above AppBar for iOS

Question

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, ), );

Harjot Singh · Accepted Answer · 2022-09-19 17:17:19Z

1

just remove toolbarHeight:70 this line

edited Sep 19, 2022 at 17:17

Harjot Singh

5758 silver badges25 bronze badges

answered Sep 11, 2022 at 7:08

Kundan mandal

814 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

marc_s · Accepted Answer · 2022-09-14 16:46:56Z

0

You need to use PreferredSize

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

edited Sep 14, 2022 at 16:46

marc_s

760k186 gold badges1.4k silver badges1.5k bronze badges

answered Sep 11, 2022 at 4:05

mohammad esmaili

1,7572 gold badges7 silver badges18 bronze badges

Collectives™ on Stack Overflow

Flutter remove space above AppBar for iOS

2 Answers 2

Comments

Comments

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Related