how to implement a safe area with a text field and bottom navigation

[xtream-club]

I try that when I run my application on my phone and use bottom navigation with a textfield, the bottomnavigation comes up with the keyboard. What I want is to avoid this. I was reading and I think we can use ft.SafeArea but I use it and the bottom puts it on top and not where it should. This is my code ` import flet as ft

def main(page: ft.Page):
page.title = "NavigationBar Example"
page.navigation_bar = ft.SafeArea(ft.NavigationBar(
destinations=[
ft.NavigationDestination(icon=ft.icons.EXPLORE, label="Explore"),
ft.NavigationDestination(icon=ft.icons.COMMUTE, label="Commute"),
ft.NavigationDestination(
icon=ft.icons.BOOKMARK_BORDER,
selected_icon=ft.icons.BOOKMARK,
label="Explore",
),
]
))
page.add(ft.TextField())

ft.app(target=main) `