¿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 en tiempo real en Python. web, móviles y de escritorio 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 Está alimentado por aleteo. Puede dar vida a una aplicación en unos minutos. Tiene una arquitectura sencilla. 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 , creado por , 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. Flutter Google Para la nueva versión de Flutter (3.4.0-34.1.pre), podemos crear aplicaciones para con una sola base de código. dispositivos móviles (Android/IOS), MacOS, Web, Linux y escritorio 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 Un campo de texto Dos botones para Incrementar y Decrementar Fragmentos de código Primero, necesitamos importar y otras funciones esenciales para la aplicación de contador (por ejemplo, widgets). FLET 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() 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í. 'tf' 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 , también se puede usar en su navegador web. Una breve inmersión en Flutter Se necesita un pequeño ajuste para eso; simplemente agregue flet.app(target=main,view=flet.WEB_BROWSER) Aquí esta el resultado final https://youtu.be/dN6auCBICds?embedable=true Puede obtener más información sobre FLET aquí: https://flet.dev/docs/hoja de ruta
