Desarrolla aplicaciones multiplataforma con Python y Flutter: ¡Crea tu Pokédex paso a paso!

Posted by

En este tutorial, aprenderemos cómo crear una aplicación multiplataforma utilizando Python y Flutter para desarrollar una Pokédex. Una Pokédex es una enciclopedia electrónica que los entrenadores de Pokémon utilizan para consultar información sobre los diferentes Pokémon que existen en el mundo Pokémon. Vamos a desarrollar una versión básica de una Pokédex que mostrará información básica sobre algunos Pokémon.

Para empezar, necesitaremos tener instalado Python en nuestro sistema. Puedes descargar Python desde su sitio web oficial e instalarlo siguiendo las instrucciones proporcionadas.

Una vez instalado Python, necesitaremos instalar Flutter en nuestro sistema. Flutter es un kit de herramientas de desarrollo de aplicaciones de código abierto creado por Google que nos permitirá desarrollar aplicaciones móviles multiplataforma de una manera rápida y eficiente. Puedes encontrar instrucciones sobre cómo instalar Flutter en su sitio web oficial.

Una vez que tengamos Python y Flutter instalados en nuestro sistema, podemos empezar a desarrollar nuestra aplicación Pokédex. Para ello, crearemos un nuevo proyecto Flutter utilizando el comando flutter create pokedex en la terminal. Esto creará una nueva carpeta llamada pokedex en la ubicación en la que estemos trabajando.

Dentro de la carpeta pokedex, encontraremos una serie de archivos y carpetas generados por Flutter. Vamos a crear un nuevo archivo llamado pokedex.py en la carpeta lib dentro de la carpeta pokedex. Este archivo contendrá el código Python que utilizaremos para obtener la información de los Pokémon.

A continuación, vamos a editar el archivo main.dart dentro de la carpeta lib para incluir el código en Python que acabamos de crear. Para hacer esto, importaremos el paquete python en el archivo main.dart e inicializaremos un proceso Python que ejecutará el archivo pokedex.py que acabamos de crear.

Una vez que hayamos configurado la comunicación entre Python y Flutter, podemos comenzar a diseñar la interfaz de nuestra aplicación Pokédex. Para ello, utilizaremos el lenguaje de marcado HTML para crear la interfaz de usuario.

Dentro del archivo main.dart, crearemos un nuevo widget llamado PokedexScreen que contendrá toda la interfaz de nuestra aplicación Pokédex. Utilizaremos etiquetas HTML como <div>, <h1>, <p>, <img>, y <button> para diseñar la interfaz de usuario y mostrar la información de los Pokémon.

Una vez que hayamos diseñado la interfaz de nuestra aplicación Pokédex, podemos compilar y ejecutar la aplicación utilizando el comando flutter run en la terminal. Esto compilará el código en Python y Flutter, y ejecutará la aplicación en un emulador o dispositivo conectado.

¡Y eso es todo! Ahora tenemos una aplicación Pokédex básica desarrollada con Python y Flutter que muestra información sobre algunos Pokémon. Con este tutorial, has aprendido cómo crear una aplicación multiplataforma utilizando Python y Flutter, y has construido una Pokédex paso a paso. ¡Espero que hayas disfrutado de este tutorial y que te haya sido útil para tus proyectos de desarrollo de aplicaciones móviles!

0 0 votes
Article Rating
35 Comments
Oldest
Newest Most Voted
Inline Feedbacks
View all comments
@Linkfydev
4 months ago

Código en Github: https://github.com/linkfy/Pokedex-Flet-Sample/
Enlace a mi curso de Python: 👉 https://www.minigen.io/

@JuanJSerranoV
4 months ago

Saludos tengo Windows, y no puedo avanzar del min 1 , colocando los códigos que mencionas para Windows, me salen letras rojas y me dice que no se puede cargar el archivo, que debo hacer?

@tonyruiz192
4 months ago

Consulta, sabes porque al ejecutar en modo ventana se ve todo negro, pero el modo web si puedo ver la interface. puede ser la gpu? me pasa en 2 pc y no en otra que tiene gráfica Radeon HD5450. Saludos

@sergiopulido7309
4 months ago

La pantalla de mi computadora viene a una resolución máxima de 1366×768. Si como en este ejemplo abro una ventana de 720×1280 el resultado es que no alcanzo a ver toda la ventana generada por flet en mi pantalla. ¿cómo puedo arreglar esto? ¿hay manera de reescalar las dimensiones del visualizador sin cambiar el tamaño de la aplicación como tal?

@manot6146
4 months ago

Aún no entiendo cual es el fin de esa wea
Dice para móviles pero no se puede crear un APK.
Puede funcionar como web pero para eso está flask y javascript html que es mucho más fácil.

@notmatzzz
4 months ago

alguien sabe como cambiar el icono?? intente de varias maneras y siguiendo la documentacion de flet, pero no logro cambiarle el icono a la app :((

@germanrodriguez6568
4 months ago

hola, me salta este error, cómo soluciono?

terminal py:
DeprecationWarning: Call to update_async() is deprecated since version 0.21.0 and will be removed in version 1.0. Use update() method instead.

await page.update_async()

@josselinguajala8158
4 months ago

uma joyaaa

@bul171
4 months ago

tengo un problema no puedo usar aiohttp, me envía el error: ModuleNotFoundError: No module named 'aiohttp' , me di cuenta que si cambio el interprete por el global y no el de venv, ya no me marca error, pero ahora no me permite usar Flet

@helenagonzalez6157
4 months ago

Excelente me ayudo bastante GRACIAS

@dacol9075
4 months ago

Gracias. He empezado a aprender.
Ahora he empaquetado la app y sirve como ejecutable en desktop(cerca de 600mb).
Sin embargo hice unas modificaciones y ahora el proyecto es grande, y cuando se ejecuta tarda algunos minutos en cargar.
Hay alguna forma de mostrar una imagen de carga o una pantalla de cargando, hasta que la app principal se abra?

@joysservices5691
4 months ago

has algo de flet pero con clases e intentado y me cuesta mucho

@max_unch
4 months ago

Se puede hacer más sencillo en tema de diseño. Lo que más me gusto es el tema de la poke api y el tema del async y await. Gracias!

@camilorodriguez6762
4 months ago

pregunta alguien ha podido usar flet en ubuntu estoy intentando importar la libreria flet y no me funciona

@fabsync
4 months ago

muy bueno el video! Seria bueno ver algo con Flet y FastApi.. algo como un api restful.. con endpoints y eso.. tal vez con base de dato postgresql

@ramiroalegre8183
4 months ago

Excelente introducción a flet, lo estoy aprendiendo a partir de la documentación y este video es muy bueno para complementar. Este video ya tiene 5 meses, pero en la actualidad, lo que me paso con pyinstaller es que un "hola mundo" con flet, termino generando un exe de 100MB, a pesar de tener todo en un venv, eso es demasiado. Lo comento por si alguien más le paso y me pueda aconsejar que hacer!

@lambilla14
4 months ago

Hola, no se que me pasa que cuando ejecuto python main.py en el terminal no se me abre la ventana.

@ampajuangris
4 months ago

Muchísimas gracias, muy buen trabajo con el vídeo.

@kaiowas89
4 months ago

sos un tipaso

@kenshylee6663
4 months ago

El mejor tutorial de flet del mundo. Estoy aprendiendo solo a usar python y ahora me intereso usar flet y andaba perdido pero la verdad es que es muy explicativo en cuanto como hacer las cosas . Obviamente tienes que tener tus 20 ventanas con los docs de flet, los docs de python, tu imagen con las jerarquias, tus ejemplos de usos de widgets y demas para entender que hace cada cosa, pero vamos que ese es el chiste : Aprender . Nadie nace sabiendo y nadie sabe viendo solo un video tutorial. Hasta me puse a dibujar en mi agenda como queria que fuera el diseño que estoy haciendo.