¿Sabes que puedes crear aplicaciones flutter en Python?😮

Flutter es bastante popular en el mundo del desarrollo de software.

¡Sumerjámonos en el mundo de la creación de aplicaciones flutter con Python!🙂

Acerca de FLET

Antes de comenzar, ¿qué es FLET?

FLET permite a los desarrolladores crear fácilmente aplicaciones web, móviles y de escritorio en tiempo real en Python.

Lo loco es que no se necesita experiencia de front-end, y aunque la versión móvil aún está en desarrollo, aún podemos confiar en la aplicación web progresiva.

Características alucinantes de FLET

1. Está alimentado por aleteo.
2. Puede dar vida a una aplicación en unos minutos.
3. Tiene una arquitectura sencilla.
4. Además de Python, también se admitirán otros lenguajes como Go, C#, etc.

Increíble, ¿verdad? 🙂🔥

Cómo instalar FLET

Para instalar FLET, usa este comando:

pip install flet

Recuerde: esto es para personas que usan una versión de Python anterior a la versión 3.

De lo contrario,

pip3 install flet

Para actualizar su pip a la última versión.

pip install -- upgrade pip

Una breve inmersión en Flutter 🏊‍♀️

El kit de herramientas de interfaz de usuario Flutter , creado por Google , permite a los programadores crear aplicaciones con interfaces de usuario de primer nivel. A diferencia del propio Java, Flutter emplea la programación Dart, un lenguaje orientado a objetos que es mucho más sencillo de aprender.

Para la nueva versión de Flutter (3.4.0-34.1.pre), podemos crear aplicaciones para dispositivos móviles (Android/IOS), MacOS, Web, Linux y escritorio con una sola base de código.

Nota: cuando usamos múltiples sistemas operativos, obviamente necesitamos hacer ciertos ajustes.

Construyendo una aplicación muy simple con FLET

Construyamos una aplicación simple con FLET.

Por ejemplo, una aplicación Counter que tiene

1. Un campo de texto
2. Dos botones para Incrementar y Decrementar

Fragmentos de código

Primero, necesitamos importar FLET y otras funciones esenciales para la aplicación de contador (por ejemplo, widgets).

 import fletfrom flet import Row, icons, IconButton, TextField, Page;

Definimos la función principal que es la raíz de nuestra aplicación y también establecemos un título.

Organicemos los widgets porque la parte base de la aplicación ya está lista.

Para agregar un widget, usamos page.add(widget…..).

 def main(page: Page): page.title = "Counter App" page.vertical_alignment = "center"

Para las filas de la aplicación, consideraríamos el...

Campo de texto y botones

 page.add(Row([ IconButton(icons.REMOVE), TextField(text_align="center",value="0", width=100) IconButton(icons.ADD) ], alignment="center") )

Ahora, definimos dos funciones que manejarán los eventos de prensa.

 //Decrement def minus(e) : tf.value = int(tf.value) -1 page.update()//Increment def plus(e) : tf.value = int(tf.value) + 1 page.update()

'tf' se refiere al campo de texto que colocamos en la fila. Lo siguiente, usamos el valor del campo de texto que tenemos para envolver eso dentro de una variable en sí.

Este es el fragmento de código general:

 import flet from flet import Row, icons, IconButton, TextField, Page; def main(page: Page): page.title = "Counter App" page.vertical_alignment = "center" tf =TextField(text_align="center",value="0", width=100) #Functions def minus(e): tf.value = int(tf.value) -1 page.update() def plus(e): tf.value = int(tf.value) + 1 page.update() #Widgets page.add( Row([ IconButton(icons.REMOVE, on_click=minus), tf, IconButton(icons.ADD, on_click=plus) ], alignment="center") ) flet.app(target=main,view=flet.WEB_BROWSER)

La parte final es ejecutar la aplicación.

flet.app(target=main)

Agregamos este comando que apunta directamente al "principal"

Para ejecutar la aplicación, escriba este comando

python filename.py

Tenga en cuenta que debe estar en el mismo directorio que el archivo.

La interfaz de usuario:

Como dije en la sección Una breve inmersión en Flutter , también se puede usar en su navegador web.

Se necesita un pequeño ajuste para eso; simplemente agregue

flet.app(target=main,view=flet.WEB_BROWSER)

Aquí esta el resultado final

Puede obtener más información sobre FLET aquí:

https://flet.dev/docs/hoja de ruta