Si quieres desarrollar aplicaciones para iOS y Android simultáneamente, necesitarás Flutter en mac. Uno de los primeros pasos al comenzar a programar es elegir el lenguaje y la plataforma de desarrollo adecuados. En este post, acompañado de un video, te ayudaré a tomar esa decisión.
Aunque existen varios lenguajes para crear aplicaciones móviles, aquí exploraremos cómo hacerlo con Dart. Este lenguaje cuenta con un potente framework llamado Flutter, que permite escribir un solo código y ejecutarlo en ambas plataformas. Esto optimiza el rendimiento, facilita el mantenimiento y reduce los costos de desarrollo.
Contenido
Lo que vas a necesitar
Aquí te dejo los enlaces que vas a necesitar para este post:
- Repositorio: haz click aquí para ver el repositorio del código en github.
- Video git y github: haz click aquí para ver el post con video de git y github.
1. Descargar Flutter SDK
Cómo instalar flutter en mac: android studio y xCode
Si quieres desarrollar aplicaciones para iOS y Android simultáneamente, necesitarás Flutter en mac. …
Cómo crear modal react: paso a paso
Crear modales en React es fundamental para mantener a los usuarios en el sitio web y facilitar conve…
Inspeccionar desde móvil IOS o Android: chrome y safari
Hacer pruebas en nuestro proyecto o desarrollo web es clave para llevarlo acabo correctamente y para…
El primer paso para iniciar a utilizar flutter en mac es instalar flutter sdk. Aunque si vamos a necesitar utilizarlo en android studio, debemos primero almacenarlo en nuestro computador. Entonces lo que debes hacer es ir al siguiente link y dentro verás las plataformas que soporta flutter. Actualmente lo mejor es escoger directamente iOS. Una vez dentro, deslizas hasta encontrar: INSTALL THE FLUTTER SDK, como lo muestro en la imagen anterior.
IMPORTANTE: aquí debes escoger la versión de mac que tienes, en mi caso es Apple silicon, y esta es la que debo descargar. Esto te descargará un archivo zip, el cual debes descomprimir y almacenarlo en la carpeta «DEVELOPMENT», como lo muestro en la imagen anterior. Esta carpeta puedes crearla aunque algunos paquetes ya la instalan por defecto. Ahora desde esta ubicación se podrá utilizar flutter desde la terminal.
2. Instalar homebrew
Este paso es importante porque debemos instalar COCOAPODS, lo cual estaré explicando más adelante para qué sirve, pero para esto debemos instalar la úlitma versión de Ruby y esto solo se puede instalar en mac (por lo menos hasta el día de hoy) con homebrew. Aunque la web indica exactamente cómo instalarla solo basta con copiar y pegar el comando que indica en nuestra mac:
/bin/bash -c "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/HEAD/install.sh)"Una vez lo copies, solo basta con continuar con los pasos en la terminal para aceptar permisos y listo. Sin embargo, haz click aquí para ver más información de homebrew.
2.1 Instalar Ruby desde homebrew
En este paso, cuando ya tengamos instalado homebrew ya podemos instalar Ruby, en su última versión, con el siguiente comando:
brew install rubyUna vez instalado ya podrás visualizar su versión aunque puede que cuando leas este post, la versión ya sea superior.
2.2 Modificar ruta de ruby
Este paso es demasiado importante porque ruby ya está instalado predeterminadamente en mac, pero no está actualizado por ende no podemos trabajar con esta versión libremente y como lo mencioné anteriormente, cocoapods lo necesita. Entonces lo que debemos hacer es indicarle a la terminal que de ahora en adelante use la versión de ruby instalada desde homebrew en vez de la instalada predeterminadamente. ¿Cómo lo hacemos?, inicia copiando el comando:
nano ~/.zshrcuna vez abra, podrás ver las configuraciones de base que podemos implementar. Aquí te dejo todas las configuraciones que vamos a necesitar. De una sola vez copialas todas en estas va:
- ubicación de flutter
- ubicación de ruby
- codificación UTF-8.
export PATH="$HOME/development/flutter/bin:$PATH"
export PATH="/opt/homebrew/opt/ruby/bin:$PATH"
export PATH="/opt/homebrew/lib/ruby/gems/3.3.0/bin:$PATH"
export PATH="/opt/homebrew/opt/openjdk/bin:$PATH"
export LANG=en_US.UTF-8
export LC_ALL=en_US.UTF-8En este paso es importante cerrar correctamente, y es option + x. Una vez salgas, te pedirá que almacenes los cambios y listo. De ahora en adelante la terminal usará estas modificaciones para trabajar con todos los paquetes.
2.3 Cambiar codificación de la terminal
En este paso aunque arriba modificamos la codificación en una parte, falta una segunda que es esta. Esta codificación la necesita obligatoriamente cocoapods. Ahora escribe el comando:
export LC_ALL=en_US.UTF-8y luego, puedes escribir el comando:
localeAl finalizar, podrás ver como en la imagen anterior, todas las codificaciones necesarias en UTF-8. Ahora ya podemos proceder a instalar primero andriod studio para luego si instalar cocoapods desde su terminal para evitar errores.
3. Cómo instalar Android studio en Mac
El primer paso para instalar Flutter en mac es asegurarte de tener Android Studio instalado. Este programa es una de las herramientas más importantes para el desarrollo de aplicaciones móviles y está disponible tanto para macOS como para Windows. Puedes descargarlo directamente desde su página oficial haciendo clic aquí. Durante la instalación, asegúrate de configurar correctamente el entorno para que funcione sin problemas con Flutter.
Una vez que tengas Android Studio instalado, el siguiente paso es agregar Flutter dentro del programa. Para ello, debes abrir Android Studio, ir al menú de configuración y descargar el complemento de Flutter. Esto te permitirá integrar todas las herramientas necesarias para desarrollar aplicaciones multiplataforma desde un solo entorno. Con esto listo, ya estarás un paso más cerca de comenzar a programar tus propias apps en iOS y Android.
3.1 Instalar flutter y dart en Android studio
Ahora para poder usar flutter en android studio, debemos ir a settings y luego plugins. Dentro en la barra de búsqueda puedes escribir «flutter» y luego haz click para instalar. Esto reiniciará el programa y también instalará por defecto dart. De aquí en adelante ya puedes crear un proyecto con flutter sin ningún problema.
4 Instalar cocoaPods
Para finalizar y que todo marche correctamente solo basta abrir la terminal desde android studio y escribir el comando:
sudo gem install cocoapodsEsto permitirá instalar correctamente cocoapods para que flutter pueda utilizarlo sin ningún problema.
Video de ayuda
Hice este video para guiarte mejor en el proceso. Haz click para ver y si te gusta, no olvides dar like y suscribirte!
Producto sugerido
Si eres como yo que pasa bastatne tiempo frente al compu, puede que la barra de luz te sirva bastante para cuidar tu vista en esas largas jornadas. También te dejo aquí el post para que veas la reseña completa.
Quntis Lámpara para monitor de computadora, barra de luz para monitor de pantalla para el cuidado de los ojos, lámpara de tareas LED de lectura electrónica con atenuación automática, barra de lámpara regulable, control táctil, sin deslumbramiento de pantalla, ahorro de espacio, lámparas de escritorio para oficina en casa
- Sin reflejos de pantalla y sin parpadeo, antiluz azul: la barra de luz para monitor de computadora Quntis tiene un diseño óptico asimétrico único que ilumina solo tu escritorio y teclado mientras garantiza que no se reflejen en la pantalla. Gracias a su avanzado sistema de protección ocular, nuestras lámparas de escritorio para oficina en casa bloquean la luz azul y la radiación óptica, aliviando eficazmente la fatiga ocular para proteger tus ojos. Es la opción ideal para estudiantes, diseñadores de pintura y trabajadores de oficina de negocios.
Conclusión
Instalar los programas correctamente para poder iniciar a crear aplicaciones es clave para que todo marche bien. Esto porque cada programa usa paquetes y paquetes los cuales se actualizan frecuentemente y por experiencia lo digo: todo puede fallar, pero para que todo marche bien desde el inicio basta con seguir este post y almacenar en github.
