Skip to content

Verifica 2 — App interattive Flet (Lezioni 5-8)

  • Durata: 90 minuti
  • Puoi usare il cheatsheet
  • Consegna: progetto completo funzionante

  1. ListView ha lo scroll integrato
  2. page.go("/home") torna alla schermata precedente
  3. ft.NavigationBar è la barra in alto
  4. Per fare una chiamata API serve urllib.request

import flet as ft
import urllib.request
import json
def main(page: ft.Page):
page.title = "API Demo"
risultato = ft.Column()
def carica_dati(e):
# --- COMPLETA QUI ---
# 1. Mostra un ProgressBar
# 2. Fetch da "https://jsonplaceholder.typicode.com/posts" (primi 3)
# 3. Mostra ogni post come card
# 4. Gestisci eventuali errori
# 5. Nascondi ProgressBar alla fine
pass
page.add(
ft.ElevatedButton("Carica", on_click=carica_dati),
risultato,
)

Crea un’app Flet con:

  1. Schermata Home (/):

    • Titolo “App Note”
    • ListView con note caricate da file JSON
    • Bottone “Nuova nota” → naviga a /aggiungi
  2. Schermata Aggiungi (/aggiungi):

    • Campo “Titolo”
    • Campo “Testo” (multiline)
    • Bottone “Salva” → salva su JSON, torna alla Home
    • Le note hanno: titolo, testo, data automatica
  3. Requisiti:

    • Navigazione con page.go() e ft.View
    • Dati persistenti con JSON
    • AppBar con titolo e back button
    • Card con ombra per ogni nota
CriterioPunti
Navigazione funzionante3
Salvataggio JSON3
UI pulita (layout, AppBar, card)2
Data automatica1
Gestione caso lista vuota1