Introduccion a Flet con Python


Flet es la forma mas rapida de crear aplicaciones Flutter en Python. Flet es un framework para el desarrollo de aplicaciones web, escritorio y mobiles con Python.

Algunas de las caracteristicas de Flet son las siguientes.

De una idea a App en minutos

Una herramienta interna o un dashboard para tu equipo, proyecto de fin de semana, aplicacion de kioko o prototipo de alta fidelidad, Flet es el framework ideal para desarrollar rapidamente una aplicacion de gran apariencia e interactiva para un grupo de usuarios.

Arquitectura simple

No mas arquitectura compleja con front end javascript, REST api, backend, cache, database, etc. Con Flet tu escribes una aplicacion monolitica con python y obtienes una aplicacion multi-usuario, SPA ( Single Page Application) en tiempo real .

Baterias incluidas.

Para empezar a desarrollar con Flet, solo necesitas tu editor de texto favorito. Sin SDK ni miles de dependencias, sin herramientas complejas, Flet tiene un servidor web con assets y cliente de escritorio.

Impulsado por Flutter

Flet Ui es construido con Flutter, asi que tus aplicaciones se veran profesionales y podran ser entregadas en cualquier plataforma, Flet simplifica el modelo de Flutter combinando Widgets pequeños en controles listos para usar con el modelo de programacion imperativo.

Empezando con Flet

Para instalar flet en nuestro entorno Python solo debemos usar el siguiente comando pip.

pip install flet

Lo que nos instalara todos los componentes de Flet listos para usar.

La siguiente aplicacion nos crea una ventana vacia.

# importar Flet
import flet as ft

# definir la funcion main de la pagina
def main(page: ft.Page):
    pass

# decirle a flet que la funcion main contiene el codigo de la app
ft.app(target=main)

Lo que hacemos es crear una ventana vacia de Flet.

En el siguiente ejemplo vamos a agregar un Text label , 2 TextField y un boton, solo los agregaremos sin ninguna funcion, eso lo veremos mas adelante.

import flet as ft

# definimos la funcion que contiene nuestra app
def main(page: ft.Page):
    txt = ft.Text(value="Hola Mundo!", style=ft.TextThemeStyle.TITLE_LARGE) # definimos un text label
    nombre = ft.TextField(label="Nombre") # definimos un campo de texto "nombre"
    apellidos = ft.TextField(label="Apellidos") # definimos un campo de texto "apellidos"
    btn1 = ft.ElevatedButton("Guardar") # definimos un boton sin ninguna funcion aun 

    # agregamos los elementos a la pagina
    page.add(txt, nombre, apellidos, btn1)

# decirle a flet que la funcion main contiene el codigo de la app
ft.app(target=main)

Como pueden ver agregar elementos es facil.

El resultado es el siguiente.

Y listo ya pudismos dar unas primeras impresiones de lo que es Flet.

Leave a comment