[Python] ListView con Flet


Flet cuenta con un componente ListView, que sirve para mostrar elementos en forma de Lista.

En un articulo anterior vimos una Introduccion a Flet, ahora toca hablar sobre los ListView.

El control ListView de Flet sirve para mostrar elementos en una Lista y si la lista de elementos es muy grande entonces se muestra un scroll.

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

Este seria el resultado al ejecutar el script.

Leave a comment