Safe Area Problem

[3rsin3rgul]

Hello , How can we arrange this navigatorbar for safe area?

[frossetto]

I'm also running into this problem, is there any workaround for now?

[mockturtl]

To clarify: wrapping with a SafeArea correctly avoids the Home indicator, but inactive item labels (normally offscreen) become visible in the new margin.

[mockturtl]

Seems to duplicate #19.

[mockturtl]

Workaround:

• wrap with a SafeArea
• wrap FancyBottomNavigation in a ClipRect using an offset CustomClipper to prevent painting past the bottom edge

Widget build(BuildContext context) => ClipRect(
        clipper: _Clipper(),
        child: FancyBottomNavigation(...),
);

class _Clipper extends CustomClipper<Rect> {
  @override
  Rect getClip(Size size) =>
      Rect.fromLTWH(0, -size.height, size.width, size.height * 2);

  @override
  bool shouldReclip(CustomClipper<Rect> oldClipper) => false;
}

[legallyfree]

there is a const double property TEXT_OFF = 3; inside tabItem.dart, inside the package I mean change the 3 to the 5 or go testing, 5 worked for me.

it's always good to see the code and fix it from there, We are programmers for a reason

luck

[Amr1440]

Same issue