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!🙂
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
Increíble, ¿verdad? 🙂🔥
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
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.
Construyamos una aplicación simple con FLET.
Por ejemplo, una aplicación Counter que tiene
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.
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)
Puede obtener más información sobre FLET aquí: