Flutter FlushBar unwinlingly hides top navigation bar while being showed

user_1612397 0
Viewed 575

Flutter 1.17.1, iPhone XS Max (physical device).

When I fire up a FlushBar with .show(), the top navigation bar gets hidden during the fade in of the FlushBar, and shows up again only when the FlushBar starts to FadeOut.

This is how I fire up the FlushBar:

Flushbar(
  message: 'message',
  duration: const Duration(seconds: 3),
  leftBarIndicatorColor: AppTheme.colorRed, // Custom color.
  flushbarPosition: position,
)..show(context);

GIF below demonstrating the error:

Top navigation gets hidden when FlushBar gets shown

flutter-animation dart flutter
1 Answers

I solved the problem. It was related to the BuildContext of the parent not being persisted to it's children due to poor development choices, so the Flushbar was using the context of the Parent, which then pushed the Child upwards.

user_16123970
Related