Map totally distorted with Flutter 3.x.x

[felix-mittermeier]

Flutter 3.0.0 was released this night and unfortunately it broke MapBox on Android.

To reproduce: build the example app with the 3.0.0 version, run it and open for example "Place symbol"
Result:

As you can see the map is not in its usual constraint bounds, has a different side ratio, is also moved up and therefore drawn under the status bar. Probably it is just added at x: 0, y: 0 and is therefore in the top left corner.

As you can read in the article introducing the new flutter version here: https://medium.com/flutter/whats-new-in-flutter-3-8c74a5bc32d0 it looks like something regarding the Android platform view has been changed:

Unfortunately I was not able to find more information regarding this change or how this can be fixed.

More information:

• Only Android is affected - iOS and Web are completely fine
• My test device was a Google Pixel 3 XL running with Android 12
• The issue occurs for both options for useHybridComposition (-> true and false give the same result)
• The click event are still registered where the map would be if it was not moved up -> pinch-to-zoom is really wanky now

[SalarPro]

The same problem here

[Hapkiduki]

Same issue when I use with Stack

[Dimolll]

Same issue

[royer]

same issue

[Sipioteo]

Same

[metafounder]

same

[felix-ht]

Seems to be less of an issues on physical devices. However there certainly seem to be some weird stuff going on while navigating.

[Sipioteo]

The map is literally coming hover everything, i can't even see the app bar.
It's one of the worst bug i have ever seen. I think it's coming from the flutter v3.0.0 that haave changed some rules hover the andorid views.

I will try to fix it today evening, i never had touched this repo so probably i will not be able to find the issue

[penhorwood]

My physical device (Samsung S10) and my virtual ones are affected by this bug. The map is moved up over the app bar which covers the menu items. This bug has made my app unusable.

[SaeedMasoumi]

It's also laggy on iOS with a 120hz screen.

[felix-ht]

Will try to to look into that - no idea what changed on the flutter side tho

[Sipioteo]

Guys, i have fixed it.
Good work

#1049