DEV Community: Rodolfo Samuel Gavilan Muñoz

Flutter en HarmonyOS: ¿Por qué es una gran combinación para desarrolladores?

Rodolfo Samuel Gavilan Muñoz — Wed, 09 Jul 2025 17:45:33 +0000

Flutter en HarmonyOS: ¿Por qué es una gran combinación para desarrolladores?

¿Qué es HarmonyOS?

HarmonyOS (o Hongmeng OS en China) es un sistema operativo desarrollado por Huawei, diseñado para ser multiplataforma y escalable. A diferencia de sistemas tradicionales como Android o iOS, HarmonyOS está construido para funcionar en:

📱 Dispositivos móviles (smartphones, tablets).

🖥 IoT y wearables (relojes inteligentes, TVs, electrodomésticos).

🚗 Sistemas embebidos (automóviles, dispositivos industriales).

Su enfoque en rendimiento, baja latencia y arquitectura distribuida lo hace ideal para el ecosistema de dispositivos conectados.

¿Qué es Flutter?

Flutter es el framework de código abierto de Google para crear aplicaciones nativas compiladas desde un solo código base. Con Flutter, puedes desarrollar para:

✅ Android

✅ iOS

✅ Web

✅ Escritorio (Windows, macOS, Linux)

✅ Y ahora... ¡HarmonyOS! (gracias a los desarrolladores chinos).

Flutter destaca por:

🔥 Hot Reload: Iteración rápida sin reiniciar la app.

🎨 Widgets personalizables: Diseño adaptable y hermoso por defecto.

📦 Un solo código: Reduce tiempo y costos de desarrollo.

¿Por qué Flutter + HarmonyOS es poderoso para los desarrolladores?

Multiplataforma real: Flutter ya soporta múltiples sistemas, y con HarmonyOS, amplías tu alcance a un ecosistema en crecimiento (especialmente en Asia y mercados emergentes).

Menos fragmentación: Huawei está migrando sus dispositivos de Android a HarmonyOS, y Flutter te permite mantener una base de código única para ambos.

IoT y más allá: HarmonyOS se enfoca en IoT, y Flutter puede ser tu herramienta para desarrollar apps que interactúen con estos dispositivos.

Comunidad y recursos: Flutter tiene una comunidad activa y paquetes listos para usar, lo que acelera el desarrollo en HarmonyOS.

¿Qué aprenderemos en este tutorial?
En esta guía, configuraremos Flutter para desarrollar aplicaciones compatibles con HarmonyOS,

Requisitos

Conocimientos en flutter
Conocimientos en git
Cuenta Huawei

Windows

1. Clonación y descargas

1. Clonación

Creamos la carpeta C:\HarmonyOS
Clonamos y cambiamos al commit con el que se creo el release 3.22 git clone https://gitcode.com/openharmony-tpc/flutter_flutter.git git checkout -b tag_3_22_1 2d2e8932 ##### 2. Descargas Nos dirigimos a Developer Huawei y con nuestra cuenta Huawei descargamos los siguientes archivos:
DevEco Studio for Windows
Command Line Tools for Windows
ohpm-repo

2. Instalación

Descomprimimos devecostudio-windows-x.y.z.sip
Ejecutamos como administrador deveco-studio-x.y.z.exe

3. Cofiguración

Copiamos y descomprimimos en C:\HarmonyOS commandline-tools-windows-x64-x.y.z.zip y ohpm-repo-x.y.z
Renombramos las carpetas descomprimidas command-line-tools y ohpm-repo
Añadimos a nuestra variables de sistema nuestros paths. Sistema -> configuración avanzada -> variables de entorno -> variables de sistema -> Path
Probamos nuestra instalación flutter doctor -v y ohpm --version

MacOS

1. Clonación y descargas

1. Clonación

Creamos la carpeta /Users/your-name/HarmonyOS
Clonamos y creamos una rama con el commit con el que se creo el release 3.22 git clone https://gitcode.com/openharmony-tpc/flutter_flutter.git git checkout -b tag_3_22_1 2d2e8932 ##### 2. Descargas Nos dirigimos a Developer Huawei y con nuestra cuenta Huawei descargamos los siguientes archivos:
DevEco Studio for Mac
Command Line Tools for Mac
ohpm-repo

2. Instalación

Descomprimimos devecostudio-mac-xyz-x.y.z.zip
Instalamos devecostudio-mac-xyz-x.y.z

3. Cofiguración

Copiamos y descomprimimos en /Users/your-name/HarmonyOS commandline-tools-mac-xyz-x.y.z.zip y ohpm-repo-x.y.z
Renombramos las carpetas descomprimidas command-line-tools y ohpm-repo

Abrimos un terminal y añadimos nuestros paths. esto varia segun version de MAC (.zshrc) nano ~/.zshrc

Probamos nuestra instalación flutter doctor -v y ohpm --version

Paquetes de Dart y Flutter para harmonyOS

Repositorio

Documentación de Flutter

Flutter Docs

Paquetes de Dart y Flutter

Pub dev

Otros paquetes

Flutter Gems

Appwrite Template Clean MVVM

Rodolfo Samuel Gavilan Muñoz — Thu, 12 May 2022 04:34:36 +0000

Overview of My Submission

The purpose of this project is to provide a template for starting a flutter project that integrates appwrite.

Submission Category:

Web2 Wizards, Mobile Moguls

Link to Code

code

Additional Resources / Info

open source projects used

Screenshots

screenshots

Appwrite Places

Rodolfo Samuel Gavilan Muñoz — Thu, 12 May 2022 04:21:47 +0000

Overview of My Submission

appwrite_places is a demo example made with flutter and appwrite to show: sites, businesses, shops and everything you can imagine. in an area defined by latitudes and exact longitudes (northeast, southeast, southwest, northwest) in your apps or website.

Submission Category:

Web2 Wizards, Mobile Moguls

Link to Code

code

Additional Resources / Info

open source projects used

Screenshots/demo videos

Incidences App

Rodolfo Samuel Gavilan Muñoz — Thu, 12 May 2022 04:13:47 +0000

Overview of My Submission

Incidences app, is an application built in flutter with a responsive design, the construction of this app was for those incidents that come to occur at work, offices, even in specific areas of a company or business. many times we have to solve them ourselves, or simply let them pass. Incidence app allows us to report incidents or incidences, at work, so that a supervisor can review and resolve them, also has an administrator to create, update and reopen an incidence, allows you to create areas and users and edit them.