Flet - UI z polami do budowy kwestionariusza

Flet - UI z polami do budowy kwestionariusza
import flet as ft


def strona_glowna(page: ft.Page):

    # funkcja wykorzystywana w oknie, podpieta do przycisku
    def zapisz_pytanie(e):
        if pytanie.value:
            wyswietl_feedback = pytanie.value
            komunikat_tekst.value = f" {wyswietl_feedback}!"
            
            komunikat_tekst.update()
            # komunikat_tekst.value = ''
            

    # sekcja ustawien okna
    page.title = "Skonstruuj swoj kwestionariusz!"
    page.bgcolor = ft.Colors.BLUE_GREY_50
    page.scroll = ft.ScrollMode.ADAPTIVE
    page.horizontal_alignment = ft.MainAxisAlignment.CENTER

    # sekcja komponentów
    instrukcja = ft.Text("Uzupelnij pytania i odpowiedzi na nie oraz dodaj punktację.", size=40, color=ft.Colors.BLACK)
    pytanie = ft.TextField(label="Tutaj wpisz pytanie...",
            color=ft.Colors.BLACK,
            bgcolor=ft.Colors.BLUE_50)
    odp1 = ft.TextField(label="Tutaj wpisz jedna z opcji odpowiedzi")
    odp2 = ft.TextField(label="Tutaj wpisz druga z opcji odpowiedzi")
    odp3 = ft.TextField(label="Tutaj wpisz trzecia z opcji odpowiedzi")

    wyslij_przycisk = ft.ElevatedButton(
        text="Zapisz",
        on_click=zapisz_pytanie,
        style=ft.ButtonStyle(padding=25, color=ft.Colors.WHITE, bgcolor=ft.Colors.BLUE_ACCENT),
    )
    komunikat_tekst = ft.Text("Zapisano")

    # sekcja umieszczenia komponentów w oknie
    page.add(
        instrukcja,
        pytanie,
        odp1,
        odp2,
        odp3,
        wyslij_przycisk,
        komunikat_tekst,
    )


ft.app(strona_glowna)