I read dozens of questions and answers, I read a lot of articles and tried a lot of things, I can't get the status bar text of my app to be white on ios. so first here's a screen shot.
I obviously want it white. Here is what I tried :
I first tried using the theme of my CuppertinoApp, especially the brightness property
I tried using SystemChrome.setSystemUIOverlayStyle to set the statusBrightness
I tried using the Info.plist of my app to set the brightness, and it worked, as in, it is white during the loading, but then, it becomes black when the app really starts.
I tried this package : https://pub.dev/packages/flutter_statusbarcolor and it works too for about 0,2 second, I see the text being white, and then black again.
Every test I did, I used both brightness settings to avoid any misunderstanding and every time I completely refreshed the whole app to avoid any cache problem. What am I missing ?
To make the text and icons white on the status bar use the below code anywhere in your code, ideally in main or in one of the top level widget's build.
SystemChrome.setSystemUIOverlayStyle(
SystemUiOverlayStyle(statusBarBrightness: Brightness.dark)
);
Then re-run your app just incase to see the changes.
p.s: To make the icons dark again use Brightness.light
It seems like there's no other answer than this :
How can i change status text bar color
I'll let people appreciate the time Hugo Passos spent documenting it.
Related
The background to my problem is that I have an AppBar, and no matter what I try, I can't seem to change the text colour from black.
So, coming from a webdev background, I want to reach for the devconsole, click on the offending element and see the cascading styles that resulted in the text being black.
My question is, what is the Flutter equivalent of this debugging process?
I am helping contribute a code and am stuck on a scrolling bug in flutter.
The screen when opened is started from the Google Maps widget
like this
But when I hold the screen and scroll above then the top content is displayed like this
Now, I cannot interact with the top content since when I release the scroll hold it bounces back to start at the map.
I hope I made senseI cant attach a video here to describe it more accurately.
Here is the link for the respective file associated with the screen,you can download it to check out the code:
The mobile app UI code starts from line 876.
Any help would be appreciated.
I haven't executed your code because it depends on lot of your other files but from reading your code I think the problem is occurring because of extendBodyBehindAppBar of Scaffold. (Checkout line number 114 in given file). Removing this argument or setting it to false should solve the problem.
From the docs :
If true, and an appBar is specified, then the height of the body is
extended to include the height of the app bar and the top of the body
is aligned with the top of the app bar.
This is useful if the app bar's AppBar.backgroundColor is not
completely opaque.
This property is false by default. It must not be null.
I'm making an app and I can't figure out what I need to change in order to make Fleksy recognize colors and change accordingly.
Fleksy is a keyboard app on devices that has a chameleon theme which changes according to the apps' color.
For instance, my app's main colors are white and red. Thus, in order to match general theme, I want Fleksy to change it's color to red whenever keyboard appears on the screen.
Is there something that I have to do within Flutter or there's a specific way to make this work?
I am trying to change all my UIAlertController's tintColor to a custom color because there are lots of these in my app and I want to go shortcut. After a little research on the internet I found this snippet and it seemed working at first.
UIView.appearance(whenContainedInInstancesOf: [UIAlertController.self]).tintColor = UIColor.red
Later, I realized a bug -or anything else, I don't know yet- that this snippet has effect on UIToolbarButton's tintColor. It has been set to a custom color on the storyboard and I tried to set programmatically in related viewDidLoad but it does not work. The color of the text is default blue. Moreover, I also tried to set UIView.apperance.tintColor directly it worked on that button but, for that situtation the items that should have meant to be white turned to that custom color. As you can understand I don't want that.
If someone helps, i will be appreciated because he will save me from all crtl+c and ctrl+v process:) Have a good day!
Today we went online with www.polypod.net and we're having the problem that, when the font has loaded, the screen gets completely white for a while (1-2 seconds) and then the website is drawn. Loading fonts is always an issue so we have the opacity of the page on 0 till we really have the font loaded and then make a smooth fade in.
What worked during production is now broken and we're kind of stuck why that is.
We don't have this behavior when we comment out the monotype font.
Does anyone have experience with this problem?
Thanks in advance!
Thomas
I was running into a problem called 'FOUT' short for 'Flash of unstyled texts'. Gotta love the internet for it's acronyms making it nearly impossible to find common problems. -.-
Here is a link to prevent this from the font provider we used
http://www.fonts.com/support/faq/fout
After all this there were still some occurrences of a white screen. A loaded script sets the html to visibility: none; so I changed the visibility of html to visibility: visible !important;.