search

eric-taix / fluid-nav-bar

A flutter fluid bottom navigation bar
MIT License
27 stars 34 forks source link

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

Closed bigfish258 closed 3 years ago

bigfish258 commented 4 years ago

Snipaste_2020-10-15_00-30-26

eric-taix commented 4 years ago

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

eric-taix commented 3 years ago

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

JakesMD commented 2 years ago

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),
        ],
      ),
    );
  }
}