Safe Area Problem
Opened this issue · 6 comments
3rsin3rgul commented
frossetto commented
I'm also running into this problem, is there any workaround for now?
mockturtl commented
To clarify: wrapping with a SafeArea
correctly avoids the Home indicator, but inactive item labels (normally offscreen) become visible in the new margin.
mockturtl commented
Workaround:
- wrap with a
SafeArea
- wrap
FancyBottomNavigation
in aClipRect
using an offsetCustomClipper
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 commented
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 commented
Same issue