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!
Código en Github: https://github.com/linkfy/Pokedex-Flet-Sample/
Enlace a mi curso de Python: 👉 https://www.minigen.io/
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?
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
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?
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.
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 :((
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()
uma joyaaa
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
Excelente me ayudo bastante GRACIAS
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?
has algo de flet pero con clases e intentado y me cuesta mucho
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!
pregunta alguien ha podido usar flet en ubuntu estoy intentando importar la libreria flet y no me funciona
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
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!
Hola, no se que me pasa que cuando ejecuto python main.py en el terminal no se me abre la ventana.
Muchísimas gracias, muy buen trabajo con el vídeo.
sos un tipaso
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.