5,380 questions
Xamarin iOS status bar color after closing form sheet
![](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(278.4, 13%, 36%)' cx='32' cy='32' r='32' /%3E%3Ctext x='50%25' y='55%25' dominant-baseline='middle' text-anchor='middle' fill='%23FFF' %3EJ%3C/text%3E%3C/svg%3E)
JB
1
Reputation point
Hi. On my app, have a white navigation with texts in black. The status bar text is set accordingly and everything is fine.
I then load a page in modal as form sheet. As the top of the screen is black, I need to set BarTextColor to white in page to see the status bar (navigation is still light but I set the text color to black in title view). This makes the status bar text color switch to white. Again, everything is fine.
Finally, when I dismiss the modal page, the status bar do not revert to original color. It remains in the color set by the modal page. The status bar is now not visible.
Am I supposed to set manually the status bar color when closing the modal page? I don't think so as if the same page is opened full screen, the status bar color alternate properly between white and black. It's only when opened as form sheet that the problem occurs.
So currently, the only way to have this working properly is to use a dark navigation in my app so that I don't need to have a different color for status bar when opening form sheet.
Developer technologies .NET Xamarin
{count} votes
-
![](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(12.8, 87%, 11%)' cx='32' cy='32' r='32' /%3E%3Ctext x='50%25' y='55%25' dominant-baseline='middle' text-anchor='middle' fill='%23FFF' %3EJ%3C/text%3E%3C/svg%3E)
JarvanZhang 23,971 Reputation points2021-05-10T09:19:06.457+00:00 I then load a page in modal as form sheet. As the top of the screen is black
Hi, JB-2190. I created a basic demo to test the function, the background color of the status bar will not become black when navigating to the modal page. Do you add some extra settings? Could you please post the related code to reproduce the issue? It'll help to get the cause.
-
JB 1 Reputation point
2021-05-10T09:55:33.69+00:00 Hi
To reproduce the problem, you need to set UIViewControllerBasedStatusBarAppearance to false in info.plist and setup the NavigationPage BarBackgroundColor property to black for the main page and to white for the page opened in form sheet. If you don't set the BarBackgroundColor property to white, the status bar stay in black so it's not readable (black on black). If we look at Apple own apps, like Music, when a page is opened as form sheet (like it appears when adding a playlist), the status bar text color changes. That's why I tried to switch the status bar text color. More over, as said above, if I just disable the form sheet layout and display the new page in full screen, the status bar changes to white and revert to black properly. It's only when opened as form sheet that the problem occurs. If necessary, I can prepare a solution tonight when back at home.
Regards
Jacques -
JB 1 Reputation point
2021-05-10T17:43:42.037+00:00 Hi. I've done a small sample app. You can get it here: https://plurialsarl-my.sharepoint.com/:u:/g/personal/jacques_plurial_net/EY4pGQ2rLqpInWqGitkNHVIByKQPjUMAPjW0PdmxLD2nMw?e=BiBpMy.
-
JarvanZhang 23,971 Reputation points
2021-05-11T06:08:10.313+00:00 I tested the sample and reproduced the problem. The status bar on the mode bar is black and text cannot be displayed. However, it works normally when the
UIViewControllerBasedStatusBarAppearancesetting is deleted in info.plist file. This may be a potential issue and you could report it to the product team on github.
Sign in to comment
Sign in to answer