White bottombar only on the new ios version

Question

Does anyone know how to get rid of the white bottom bar(aka home indicator) (see picture). It appears only on IOS 14 devices and more specific on devices without a homebutton. Thanks.

Edited: It appears only when a bottombar is implemented.

        bottomNavigationBar: BottomAppBar(
      child: Container(
        decoration: BoxDecoration(
          gradient: LinearGradient(
              begin: Alignment.centerLeft,
              end: Alignment.centerRight,
              colors: [Colors.deepPurple[400], Colors.deepPurple[700]]),
        ),
        height: getBottomBarSize(),
        child: getText(),
      ),
    ),

see if [this](https://stackoverflow.com/questions/50916769/flutter-fullscreen-app-getting-rid-of-the-blank-white-space-at-the-bottom-of-th) helps — Elfor, Jan 26 '21 at 12:59
@Elfor thanks I tried, but it doesn't really work. After calling SystemChrome.setEnabledSystemUiOverlays([]) only the black bar disappers but the white thing still exists. — Curious99, Jan 26 '21 at 20:44
`SystemChrome.setEnabledSystemUiOverlays([])` is what caused the white space for the guy asking. did you try the [answer](https://stackoverflow.com/a/50917464/12571630) (set `resizeToAvoidBottomPadding` to `false` on `Scaffold`)? — Elfor, Jan 27 '21 at 09:41
@Elfor yes I tried this, but it didn't work. Seems to be a issue with the bottomAppBar. Look at my answer below. — Curious99, Jan 27 '21 at 12:39

score 0 · Accepted Answer · answered Jan 27 '21 at 00:12

I got a solution, somehow the BottomAppBar is the problem, following snippet works for me.(Changing BottomAppBar to SafeArea and set bootom:false)

    bottomNavigationBar: SafeArea(
      bottom: false,
      child: Container(
        decoration: BoxDecoration(
          gradient: LinearGradient(
              begin: Alignment.centerLeft,
              end: Alignment.centerRight,
              colors: [Colors.deepPurple[400], Colors.deepPurple[700]]),
        ),
        height: getBottomBarSize(),
        child: getText(),
      ),
    ),

White bottombar only on the new ios version

1 Answers1

Linked