[Question] is there any way to make the navigation bar transparent

[plugeit]

Question

i want to make the navigation bar transparent only showing the icons I tried to set bgcolor opacity to "0" but it didn't work

Code sample

import flet as ft

async def main(page: ft.Page):
    page.title = "NavigationBar Example"
    page.navigation_bar = ft.NavigationBar(
        bgcolor = ft.colors.with_opacity(0.0, '#ff6666'),
        destinations=[
            ft.NavigationDestination(
                icon=ft.icons.HOME_OUTLINED,
                selected_icon=ft.icons.HOME_ROUNDED,
                label="Home"
                ),
            ft.NavigationDestination(icon=ft.icons.COMMUTE, label="Commute"),
            ft.NavigationDestination(
                icon=ft.icons.ACCOUNT_CIRCLE_OUTLINED,
                selected_icon=ft.icons.ACCOUNT_CIRCLE_ROUNDED,
                label="Account",
            ),
        ]
    )
    text_=ft.Text(value="Body!")
    await page.add_async(text_)

ft.app(target=main, view=ft.WEB_BROWSER)

Error message

No response

------------------------------------------------------

• I have searched for answers to my question both in the issues and in previous discussions.

[FeodorFitsner]

Hm, it "blends" provided color with theme colors: https://api.flutter.dev/flutter/material/NavigationBar/backgroundColor.html