Full Screen Flutter

Question

How to enable and disable a full-screen mode in the check box. I think this is the use if and else statement. I will share my code.

 onChanged: (val) {
                setState(() {
                  thu = val!;
                  SystemChrome.setEnabledSystemUIMode(
                    SystemUiMode.manual,
                    overlays: [SystemUiOverlay.bottom],
                  );
                });
              }),

score 0 · Answer 1 · answered Sep 26 '22 at 07:19

0

Assuming that valis a boolean, e.g. from a switch, you can use the following if-else statement to distinguish between the two cases.

 onChanged: (val) {
   setState(() {
     if (val) { // Fullscreen mode
       SystemChrome.setEnabledSystemUIMode(
         overlays: [],
       );
     } else { // Disable fullscreen mode
       SystemChrome.setEnabledSystemUIMode(
         overlays: SystemUiOverlay.values,
       );
     }
   });
 }),

You can refer to this question for more information on the SystemChrome.setEnabledSystemUIMode method.

answered Sep 26 '22 at 07:19

jraufeisen

3,005
7
27
43

The code is error i think there is something is missing on " if " please check – Dilawar Ali Khan Sep 28 '22 at 05:39
Do you have the precise error message? – jraufeisen Sep 28 '22 at 08:46
I solved the Error, but I think there was some mistake when it worked on mobile; please check. – Dilawar Ali Khan Sep 28 '22 at 08:50
if (val) { // Fullscreen mode SystemChrome.setEnabledSystemUIMode( SystemUiMode.manual, overlays: [ SystemUiOverlay.bottom, //SystemUiOverlay.top ], ); } – Dilawar Ali Khan Sep 28 '22 at 08:51
else { // Disable fullscreen mode SystemChrome.setEnabledSystemUIMode( SystemUiMode.manual, overlays: SystemUiOverlay.values, ); } – Dilawar Ali Khan Sep 28 '22 at 08:51

score 0 · Answer 2 · answered Sep 26 '22 at 10:02

try this // to hide only bottom bar:

SystemChrome.setEnabledSystemUIOverlays ([SystemUiOverlay.top]);

// to hide only status bar:

SystemChrome.setEnabledSystemUIOverlays ([SystemUiOverlay.bottom]);

// to hide both:

SystemChrome.setEnabledSystemUIOverlays ([]);

Full Screen Flutter

2 Answers2