How to make the background color transparent

[kosytedy]

Please how can someone make the Navigation bar background color to be transparent?

I have tried Colors.transparent and .withOpacity(0.0) but they don't work.

Please how can I solve this?

Something like this:

[rafalbednarczuk]

if you want background of navigation bar transparent use:

Scaffold(
      //...
      extendBody: true,
        bottomNavigationBar: CurvedNavigationBar(
          //...
          backgroundColor: Colors.transparent,
           ))

[kosytedy]

Works great!

[rishabhdavesar]

doesn't work for me

[g-akshay]

extend: true along with. transparent colour works perfectly!!!
I was facing the same issue, later found out the height of the container was not enough to be overlapped by the bottom navigation bar. Increasing the container height resolved the issue for me.

Hope it helps !!!

[Anigulig]

@rishabhdavesar In other case you can use

canvasColor: Colors.transparent;

In ThemeData of your application.
These changes helped in my case.

[AnnaPS]

if you want background of navigation bar transparent use:

Scaffold(
      //...
      extendBody: true,
        bottomNavigationBar: CurvedNavigationBar(
          //...
          backgroundColor: Colors.transparent,
           ))

You save my day! Thanks

[nscar]

Ctrl + Click CurvedNavigationBar

this.backgroundColor = Colors.transparent,

[partitect]

if you want background of navigation bar transparent use:

Scaffold(
      //...
      extendBody: true,
        bottomNavigationBar: CurvedNavigationBar(
          //...
          backgroundColor: Colors.transparent,
           ))

It worked perfectly

[KriacoesMobile]

if you want background of navigation bar transparent use:

Scaffold(
      //...
      extendBody: true,
        bottomNavigationBar: CurvedNavigationBar(
          //...
          backgroundColor: Colors.transparent,
           ))

Thanks work fine here too. ;)

[itsdani121]

doesn't work for me

have you found solution i also facing the same problem. i tried all above solution but not work for me

[cybex-dev]

see #115, specifically I have a solution for this issue (chances are those who can't get it working are using a SafeArea)

#115 (comment)