SearchBar control

[ndonkoHenri]

close #1637 and #1808

Test code:

import flet as ft


def main(page):
    page.theme_mode = ft.ThemeMode.LIGHT

    def close_anchor(e):
        text = f"Color {e.control.data}"
        print("closing view from item:", text)
        anchor.close_view(text)
        print(f"Value: {anchor.value}")

    def handle_change(e):
        print("handle_change |  e.data:", e.data)
        print(f"Value: {anchor.value}")

    def handle_submit(e):
        print("handle_submit |  e.data:", e.data)
        print(f"Value: {anchor.value}")

    def handle_tap(e):
        print("handle_tap")
        print(f"Value: {anchor.value}")

    def get_value(e):
        print("get_value")
        print(f"Value: {anchor.value}")
        e.control.text = anchor.value
        page.update()

    anchor = ft.SearchBar(
        value="Default",
        view_elevation=4,
        divider_color=ft.colors.AMBER,
        bar_hint_text="Search colors...",
        view_hint_text="Choose a color from the suggestions...",
        on_change=handle_change,
        on_submit=handle_submit,
        on_tap=handle_tap,
        controls=[
            ft.ListTile(title=ft.Text(f"Color {i}"), on_click=close_anchor, data=i)
            for i in range(10)
        ],
    )

    page.add(
        ft.SafeArea(
            content=ft.Column(
                [
                    ft.Row(
                        alignment=ft.MainAxisAlignment.CENTER,
                        controls=[
                            ft.OutlinedButton(
                                "Open Search View",
                                on_click=lambda _: anchor.open_view(),
                            ),
                            ft.OutlinedButton(
                                "Get Value",
                                on_click=get_value,
                            ),
                        ],
                    ),
                    anchor,
                ]
            )
        )
    )


ft.app(target=main)

[andyargg]

When you click on the 'X,' it doesn't close. How can i do it?

[ndonkoHenri]

Open a new discussion, and share code + capture...

[andyargg]

Done