flutterdartflutter-appbar

How to fix this issue with a rounded app bar in Flutter?


I have an app bar in which I've applied a RoundedRectanlgeBorder to its shape property. The problem is when you scroll the view there is this extra white space in the corner of the app bar that is seen. The extra space that is 'clipped' off the app bar with the RoundedRectanlgeBorder is white instead of transparent. Is there a way to actually clip the app bar or some other workaround to solve this issue?

enter image description here


Solution

  • Add

    extendBodyBehindAppBar: true,

    in your scaffold