.NET MAUI
A Microsoft open-source framework for building native device applications spanning mobile, tablet, and desktop.
2,861 questions
In MAUI, Top status bar is not display properly if I change it from Portrait to Landscape mode
![](data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' height='64' class='font-weight-bold' style='font: 600 30.11764705882353px "SegoeUI", Arial' width='64'%3E%3Ccircle fill='hsl(3.2, 18%, 10%)' cx='32' cy='32' r='32' /%3E%3Ctext x='50%25' y='55%25' dominant-baseline='middle' text-anchor='middle' fill='%23FFF' %3EMP%3C/text%3E%3C/svg%3E)
Mane, PRASHANT GORAKH
96
Reputation points
In above image, on top left you can see the status bar background color is not updating in landscape mode, in portrait mode it's working file but as soon as I rotate into landscape mode it showing me like this. Not sure why it is happening only for ios. Could you please tell how I can resolve this kind of problem?
{count} vote
-
![](data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' height='64' class='font-weight-bold' style='font: 600 30.11764705882353px "SegoeUI", Arial' width='64'%3E%3Ccircle fill='hsl(22.400000000000002, 3%, 12%)' cx='32' cy='32' r='32' /%3E%3Ctext x='50%25' y='55%25' dominant-baseline='middle' text-anchor='middle' fill='%23FFF' %3EWZ%3C/text%3E%3C/svg%3E)
Wenyan Zhang (Shanghai Wicresoft Co,.Ltd.) 26,221 Reputation points Microsoft Vendor2023-03-28T03:38:38.3866667+00:00 I tested an empty template MAUI project, and run on iOS 16.2 iPad Air simulator, then I clicked "Rotate" button to change the app from Portrait to Landscape mode, the top status bar is display normally, I cannot reproduce your issue. Could you describe more about how you meet this issue? And what's the detailed VS version, device version? Could you share some code snippets about you page/xaml so that I can test?
-
Mane, PRASHANT GORAKH 96 Reputation points
2023-03-28T04:03:11.6766667+00:00 Hi @Wenyan Zhang (Shanghai Wicresoft Co,.Ltd.) Thanks for reply
Here's System Info
Model- iPad mini 4
Software Version: 15.7
VS version- 17.4.2(build 17)Even I tried with empty template and there status bar is display fine.
In my project i'm using OnSizeAllocated method in code behind file to make dynamic UI as per Portrait and Landscape mode.
-
Wenyan Zhang (Shanghai Wicresoft Co,.Ltd.) 26,221 Reputation points Microsoft Vendor
2023-03-28T05:08:37.6133333+00:00 I see, would you mind sharing some code snippets in the
OnSizeAllocatedmethod? When changing the app from Portrait to Landscape mode, this method can be triggered. -
Mane, PRASHANT GORAKH 96 Reputation points
2023-03-28T10:16:32.7033333+00:00 Hi
I found the root cause of this issuein xaml page I have used below code and because of this
xmlns:mct="clr-namespace:CommunityToolkit.Maui.Behaviors;assembly=CommunityToolkit.Maui"
<Page.Behaviors> <mct:StatusBarBehavior StatusBarColor="#006BD3" StatusBarStyle="LightContent"/> </Page.Behaviors> -
Wenyan Zhang (Shanghai Wicresoft Co,.Ltd.) 26,221 Reputation points Microsoft Vendor
2023-03-29T10:01:49.5066667+00:00 Yes, I can reproduce the issue. Please report this at tookit's GitHub Repo for further help, thanks for your understanding.
Sign in to comment