[Python] ListView mostrar datos con Flet

Flet cuenta con un componente ListView, que sirve para mostrar elementos en forma de Lista es facil de implementar vamos al ejemplo.

¿Qué es el componente ListView?

El control ListView de Flet se utiliza para presentar elementos en formato de lista. Su principal ventaja es la gestión automática del contenido: si la lista de elementos supera el tamaño de la pantalla, el componente habilita un scroll (desplazamiento) automáticamente, permitiendo una navegación fluida.

Codigo

En el siguiente codigo les muestro como hacer un ListView simple, en los comentarios les explico paso a paso lo que hace cada linea.

# importamos flet
import flet as ft
#definimos la funcion y pagina principal
def main(page: ft.Page):
    # lista de elementos
    names = ["Argentina", "Bolivia","Chile","Guatemala","Mexico","Peru","Brazil","Colombia","Ecuador","Paraguay","Uruguay","Venezuela","Belice","Costa Rica","Panama","Republica Dominicana "]
    page.add(ft.Text(f"Mostrar ListView en Flet/Python",size=20, weight=ft.FontWeight.BOLD)) # Agregamos un titulo a la App
    lv = ft.ListView(expand=True, spacing=10) # creamos el componente ListView
    for n in names: # hacemos un recorrido de la lista de elementos
        lv.controls.append(ft.Text(f"{n}")) # agregamos cada elemento de la lista en el ListView
    #page.scroll = "always"
    page.add(lv) # Agregamos el ListView a la pagina


ft.app(target=main) # Mostramos la pagina

En el ejemplo lo que vamos a mostrar es un ListView con una lista de paises

Guardamos el script como listview1.py y lo ejecutamos.

py listview1.py

Resultado esperado

Al ejecutar el script, verás una ventana con el título en negrita y una lista vertical de países. Si reduces el tamaño de la ventana, notarás que puedes desplazarte hacia abajo sin necesidad de configurar manualmente el scroll de la página.

Conclusion

El uso de ListView es fundamental para crear aplicaciones reales, desde paneles de administración hasta aplicaciones móviles. Flet nos facilita enormemente esta tarea al manejar el renderizado y el scroll de forma nativa con muy pocas líneas de código.

Mas sobre Flet

Te pueden interesar como usar otros articulos sobre Python y Flet.

Leave a Reply

Your email address will not be published. Required fields are marked *

Discover more from Evilnapsis

Subscribe now to keep reading and get access to the full archive.

Continue reading