Flutter fullscreen app. Getting rid of the blank white space at the bottom of the app on android

Question

I used SystemChrome.setEnabledSystemUIOverlays([]); to make my flutter app full screen.

The status bar is gone for good, but I get this white space at the bottom where the nav bar used to be.

Answer 1

You can set resizeToAvoidBottomPadding to false on Scaffold

Scaffold(
  resizeToAvoidBottomPadding: false,
  appBar: new AppBar(),
);

Answer 2

this code work for me, thx

@override
 Widget build(BuildContext context) {
    SystemChrome.setEnabledSystemUIOverlays([]);
    return Scaffold(
      resizeToAvoidBottomPadding: false
    )
 }

resizeToAvoidBottomPadding has been deprecated and now you have to use resizeToAvoidBottomInset

Updated code below:

@override
 Widget build(BuildContext context) {
    SystemChrome.setEnabledSystemUIOverlays([]);
    return Scaffold(
      resizeToAvoidBottomInset: false
    )
 }