Over the past few days, I've been struggling to figure out how to disable the Android device's bottom status (navigation) bar. (As shown in the image below)
Bottom Status Bar on Android
I've looked everywhere and tried everything to find the solution. I tried every method there was to do this, but it didn't work the way I wanted it to. The system overlays, like the bottom and top status bars, can be hidden, but they cannot be entirely disabled or concealed.
I want to know if it is possible to completely disable the status bars. I'm building an app for a marketing MV Player device and the public users can touch or interact with the application but I have to prevent them from exiting the application for security reasons.
I have tried the method given in this answer. The bottom status bar, however, will be hidden; nonetheless, it will become visible if you swipe up to the position of the status bar, or occasionally when you press the bottom of the screen.
You could use the package kiosk_mode to do what you are after. Have a look at this package.
Related
After upgrading flutter I noticed that I have a strange looking white band under my keyboard.
I have no idea how that came to be and how to get rid of it.
My app works in fullscreen mode which might have something to do with it.
From SystemChrome.setEnabledSystemUIMode documentation:
The settings here can be overridden by the platform when System UI
becomes necessary for functionality.
For example, on Android, when the keyboard becomes visible, it will
enable the navigation bar and status bar system UI overlays. When the
keyboard is closed, Android will not restore the previous UI
visibility settings, and the UI visibility cannot be changed until 1
second after the keyboard is closed to prevent malware locking users
from navigation buttons.
You can hover over in your code and read more, but apparently it is for safety issues regarding malware lockouts.
As to why it appears white, I think it's a bug. I managed to get it working only while using manual like this, and assigning either bottom or top:
SystemChrome.setEnabledSystemUIMode(SystemUiMode.manual, overlays: [SystemUiOverlay.bottom]);
This for example while using bottom, will keep the upper status bar hidden, but shows the navigation keys. If the keyboard is needed, it appears normally, and not as a white issue. If you don't need the status bar, but you're okay with the bottom, use the SystemUiOverlay.bottom perhaps, until it's fixed.
Notice the hidden status bar on top.
Today I made my first version of my app to run on the iPhone. When I did this I see that it paints over the area where the status bar is at the top of the screen, but that the status bar is also painted so that there is a mix of both.
I did try to set the hide status bar property of the build to true, but with the same result.
What I'd really like is that my app should retain the status bar and paint up to it but not where the status bar is.
How can i do this in Codenameone?
iOS 7 and newer expects your app to draw underneath the status bar, its a design choice by Apple and as a developer you are supposed to leave space for the status bar.
The default native theme on iOS has a StatusBar UIID style that pads the top but if you chose to remove the includeNative theme constant or remove that padding this won't work as expected.
Recently, I am trying to fix issues of my app after release of iOS7.
One of the most annoying problem is about the pull-up control panel: since my app has pull up menu, apparently, the pull-up gesture triggers control panel simultaneously.
However, I found some apps are not affecting by this issue cause they need to pull twice to show the control panel, such as Slideshark. When user perform a pull-up gesture, the menu shows up with a "pull up tab" at the bottom of the screen(see red rectangle).
So the user need to pull up again to trigger the control panel.
I do not think pull-up menu is a good idea in iOS7, but this seems temporarily fix the problem. Anyone know how to do this?
Hubert
You'll get this behavior automatically when you hide the status bar in your app.
This question explains ways to hide the status bar on iOS 7: Cannot hide status bar in iOS7
(You can do it on a per view controller basis, or for your entire app at once.)
I want the address bar to disappear on the iPhone. So far I have used:
window.scrollTo(0, 1);
This hides the address bar when the page is first loaded.
Then I have
document.body.addEventListener('touchmove', function(e){ e.preventDefault(); });
This prevents the user from scrolling back up to the address bar (or anywhere else) while still allowing buttons to be tapped.
But, the address bar still appears when I tap the top of the page. Not sure if this is because I am touching the top of the webpage or because I am touching the bar with the clock and battery.
I'm guessing that the user himself would need to set this option on his phone, although it would be nice if I could control it via the webpage. Is either way possible?
Why? I want to make a web app for a disabled child who has a hard time controlling his movements. I essentially want to turn off any touch actions that aren't related to the web app itself. Otherwise he will accidentally set off lots of unwanted actions. Not sure if this is possible.
I'm afraid you can't hide the status bar. For example in iOS 6 you can, in landscape mode, go full screen, it hides the status bar, but there is a new button at the bottom right of the screen to leave the full screen mode.
What you are asking is not achievable within Safari. But you can develop a simple application full screen (no adress bar, no buttons, no status bar) with a simple UIWebView. This way there will not be any unwanted action.
Since google chrome updated to 11.0.696.60 some days ago, it cuts off the bottom of popup pages ... the status bar is displayed OUTSIDE the window at the bottom. Here is an example how it happens on the Facebook share popup, like shown in the screenshot:
On the left window the share and skip button disappear totally. The page seems to be larger than the window but resizing the windows does not uncover them. When you hover over a link, the status bar appears outside the chrome window ... strange! Maximizing the window or going into fullscreen mode shows the bottom. I detect this behavior on different popup pages on different systems ...
Is this a setting thing or a bug?!?
Since I code something with this fb share function (fb jsSDK)
ok, i found now there is a thread at the chromium forum regarding this issue:
here
Just managed to fixed this issue by reverting the theme back to the default.
options > personal stuff > themes > reset to default theme
For me the problem was occurring due to a zoom level exceeding 100%. Setting the zoom value to 100% fixed it.