eric-taix/fluid-nav-bar

hello , there is a problem ! how to change here's color to transparent ??

Closed this issue · 3 comments

The background is transparent, it's probably due to your code. Try with the provided example or provide a sample which does not work please

Due to stale issue, I'm closing this issue. Feel free to re-open it if needed.

Just in case some people are still having trouble with this issue: I found it occurs when wrapping the body in a SafeArea. Setting bottom: false in the SafeArea does the trick.

class HomePage extends StatelessWidget {
  const HomePage({Key? key}) : super(key: key);

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      extendBody: true,
      body: SafeArea(
        bottom: false,
        child: _body,
      ),
      bottomNavigationBar: FluidNavBar(
        icons: [
          FluidNavBarIcon(icon: MdiIcons.home),
          FluidNavBarIcon(icon: MdiIcons.calendar)
          FluidNavBarIcon(icon: MdiIcons.cog),
        ],
      ),
    );
  }
}