Flutter app is going to full screen by default without any logic. How to stop going into full screen

Question

My flutter app is going to full screen by default. How can I prevent this?

I do not have any code to enable the full-screen mode.

But still, it is going to full screen by default. It is happening in both Android and IOS.

Don't know how to resolve this.

Below is the complete code in my simple app.

Updated the code:

import 'package:flutter/material.dart';
import 'package:flutter/services.dart';
void main() async {
  runApp(const MyApp());
}
class MyApp extends StatefulWidget {
  const MyApp({Key? key}) : super(key: key);
  @override
  State<MyApp> createState() => _MyAppState();
}

class _MyAppState extends State<MyApp> {
  @override
  initState() {
    SystemChrome.setEnabledSystemUIMode(SystemUiMode.manual,
        overlays: [SystemUiOverlay.bottom, SystemUiOverlay.top]);
    super.initState();
  }

  @override
  void dispose() {
    SystemChrome.setEnabledSystemUIMode(SystemUiMode.manual,
        overlays: [SystemUiOverlay.bottom, SystemUiOverlay.top]);
    super.dispose();
  }
  @override
  Widget build(BuildContext context) {
    SystemChrome.setEnabledSystemUIMode(SystemUiMode.manual,
        overlays: [SystemUiOverlay.bottom,SystemUiOverlay.top]);
    return MaterialApp(
      debugShowCheckedModeBanner: false,
      theme: darkMode ? lightTheme : lightTheme,
      title: "APP SYDNEY",
      initialRoute: '/',
      routes: Navigate.routes,
    );
  }
}

class Pending extends StatelessWidget {
  const Pending({Key? key}) : super(key: key);
  @override
  Widget build(BuildContext context) {
    Size size = MediaQuery.of(context).size;
    return Scaffold(
      body: Container(
        decoration: const BoxDecoration(
            gradient: LinearGradient(
                begin: Alignment.topCenter,
                end: Alignment.bottomCenter,
                colors: [Colors.tealAccent, Colors.white])),
        child: Center(
          child: Text(
            'I am yet to be constructed',
            textAlign: TextAlign.center,
            style: TextStyle(color: Colors.teal, fontSize: size.height * 0.017),
          ),
        ),
      ),
      floatingActionButton: FloatingActionButton(
        onPressed: () {
          Navigator.pop(context);
        },
        child: const Icon(Icons.home),
        tooltip: 'Home',
      ),
      floatingActionButtonLocation: FloatingActionButtonLocation.centerDocked,
    );
  }
}

class Navigate {
  static Map<String, Widget Function(BuildContext)> routes = {
    '/': (context) => const Pending()
  };
}

please provide text source code instead of screenshot

swifthing
– swifthing

2022-02-20 13:37:07 +00:00
Commented Feb 20, 2022 at 13:37 — swifthing
– swifthing, Commented Feb 20, 2022 at 13:37
@swifthing I have update the code

Aravind
– Aravind

2022-02-20 13:48:44 +00:00
Commented Feb 20, 2022 at 13:48 — Aravind
– Aravind, Commented Feb 20, 2022 at 13:48

Ary Anzh · Accepted Answer · 2022-02-21 18:33:12Z

3

add this code in main.dart put after Widget build(BuildContext context) {

SystemChrome.setEnabledSystemUIOverlays([SystemUiOverlay.bottom, SystemUiOverlay.top]);

example

class MyApp extends StatelessWidget {
  const MyApp({Key? key}) : super(key: key);

  @override
  Widget build(BuildContext context) {

   SystemChrome.setEnabledSystemUIOverlays([SystemUiOverlay.bottom, SystemUiOverlay.top]);

    return MaterialApp(

but if you change your mind and want to make the screen full screen, use the following code

SystemChrome.setEnabledSystemUIOverlays([]);

Update:

results will vary depending on the type of smartphone. The error does not come from your code, but from the smartphone settings itself. Take a look at the picture below, only on Android Tiramisu fullscreen, but on Android Lollipop and Android S, the code runs fine

edited Feb 21, 2022 at 18:33

answered Feb 20, 2022 at 14:05

Ary Anzh

4724 silver badges16 bronze badges

Sign up to request clarification or add additional context in comments.

3 Comments

Aravind Over a year ago

the latest format of this code is :

SystemChrome.setEnabledSystemUIMode(SystemUiMode.manual,         overlays: [SystemUiOverlay.bottom, SystemUiOverlay.top]);

. But still, it is not working. I have updated my question with the code which I am using.

Ary Anzh Over a year ago

please see my reply update

Aravind Over a year ago

I saw your reply. I tried everything. Still no luck. Updated my code in the question once again with latest changes.

Manishyadav · Accepted Answer · 2022-02-21 02:30:26Z

1

Just try this,

To set full screen put this code in initState()

 SystemChrome.setEnabledSystemUIOverlays([]);

and to set back to normal. In dispose()

SystemChrome.setEnabledSystemUIOverlays(SystemUiOverlay.values);

in the same class.

@override
  void dispose() {
        SystemChrome.setEnabledSys`enter code here`temUIOverlays(SystemUiOverlay.values);
    super.dispose();
  }

  @override
  initState() {
      SystemChrome.setEnabledSystemUIOverlays([]);
    super.initState();
  }

answered Feb 21, 2022 at 2:30

Manishyadav

1,8562 gold badges14 silver badges28 bronze badges

1 Comment

Aravind Over a year ago

Hi Manish, I tried your suggestion, but no luck. I have the complete code in my question. Can you try once and see what problem it has

Collectives™ on Stack Overflow

Flutter app is going to full screen by default without any logic. How to stop going into full screen

2 Answers 2

3 Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

3 Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related