Categoría: Flutter
Kit de desarrollo de software de código abierto de Google para crear aplicaciones móviles para Android, iOS y otras plataformas, con una única base de código.
-
Flutter Arquitectura Hexagonal y BLoC
La arquitectura hexagonal sigue aumentando su popularidad, debido a la gran oportunidad de escalabilidad en un proyecto. La arquitectura hexagonal es una practica deseada en proyectos que van a creccer. ¿Qué es un proyecto GRANDE? Un proyecto grande no significa que va tener mucho tráfico o usuarios. En este contexto el tráfico y cantidad de…
-
Compilar y firmar la Flutter App con Github Actions
Github Actions y Alojar la App El resultado lo alojaremos en Firebase App Distribution correspondiente a tu app. Opcional, puedes saltar este paso y enviarlo a otro almacenamiento. La razón para usar App Distribution es que puedes automatizar el envío de la app a pruebas. Es importante agregar los archivos: key.properties y keystore.jks a .gitignore…
-
Generador de Degradados para Flutter
Proximamente… estamos preparando, esta herramienta será muy útil para generar degradados personalizados para tus aplicaciones flutter.
-
¿Cómo agregar tipografías personalizadas en Flutter?
En Flutter, se pueden agregar tipografías personalizadas para darle a tu aplicación un aspecto único y personalizado. Al incluir los archivos de fuente en tu proyecto y configurarlos en tu archivo pubspec.yaml, puedes usar fácilmente estas tipografías personalizadas en los widgets de Texto de tu aplicación. Con unos pocos pasos sencillos, puedes agregar tipografías personalizadas…
-
Mostrar alerta al pulsar el botón de retroceso (BACK) en un Aplicación Flutter
En Flutter, mostrar una alerta al presionar el botón de retroceso mejora la experiencia del usuario. Podemos utilizar WillPopScope y showDialog para personalizarla. Esto mejora la calidad de la aplicación y la satisfacción del usuario.
-
Cómo cambiar automáticamente el tamaño del texto en función de su anchura y altura en Flutter
En este ejemplo, vamos a mostrar cómo cambiar el tamaño del texto de acuerdo a la anchura y la altura de la pantalla o widget contenedor. Cada pantalla tiene distintos tamaños, por lo que el árbol de widgets puede auto redimensionarse de acuerdo a la pantalla en Flutter. Vea el ejemplo a continuación: Ahora importaremos…
-
Cómo agregar un Widget Text seleccionable en Flutter
Te mostraré cómo agregar un Widget Text seleccionable y RichText en Flutter. Los widgets de Text no tienen función de seleccionar o copiar texto, puede usar el widget de texto seleccionable para crear widgets de texto seleccionables y copiables en Flutter. Cómo agregar un widget de texto seleccionable y copiable en Flutter: Use SlectableText en lugar…
-
Cómo deshabilitar la barra de herramientas Copiar, Cortar, Pegar y Seleccionar todo en el widget TextField
En este ejemplo, veremos la forma de deshabilitar copiar, cortar, pegar y seleccionar las barras de herramientas en el widget TextField. En caso de que necesites deshabilitar estas barra de herramientas, vea el ejemplo a continuación para obtener más detalles: Deshabilite la barra de herramientas Copiar, Cortar, Pegar y Seleccionar en el widget TextField: Código completo:…
-
Copiar o pegar texto desde el portapapeles con Dart en Flutter
La función de copiar y pegar es algo de uso común en muchas aplicaciones móviles, en Flutter, necesitamos de services.dart para poder realizar estas acciones.
-
PocketBase backend para Flutter App
PocketBase es un backend de código abierto, creado en go (GO LANG) y ofrece las principales características que necesitamos de un backend. Una alternativa básica si la comparamos con Firebase, Supabase o Amplify.
-
¿Cómo usar PROVIDER en Flutter?
Provider es un gestor de estado para flutter muy fácil de implementar en una aplicación nueva o ya desarrollada.
-
QR Generator FREE con Flutter, para Windows, MacOS, Linux, Web, iOS y Android
I needed to create QR codes, but being a little paranoid about the security of the information that I use in these QRs, I preferred to have a QR generator that does not ask me for permission to use cookies.
-
Flutter Dropdown: ¿cómo crear una lista desplegable? DropdownButtonFormField
Debido a que esté widget es una lista desplegable necesitaremos almacenar nuestras opciones o variables dentro de una lista. Eso será la forma más eficiente de construir un dropdown.
-
Correr aplicación Flutter en más de un dispositivo a la vez [Android Studio , VS Code]
Dadas las circunstancias vamos a necesitar conectar varios dispositivos a nuestro proyecto de flores aquí en configuración
-
Conectar 1 dispositivo a 2 computadoras mediante ADB [Windows, Mac, Linux]
Únicamente tenemos que conectar el dispositivo Windows, Mac o Linux con el cable USB y ejecutamos en la Consola lo siguiente…
-
Flutter crear proyecto desde comando en la terminal
Flutter crear proyecto desde comando en la terminal ‘flutter create –org com.tuOrganizacion nombreApp’.
-
Para que sirve un ListView.builder() en Flutter – Visualización de contenido dinámico
Un ListView sin la función builder, nos devolverá una lista de Widgets donde los childrens se han construido de forma permanente. Cuando agregamos la función builder(), ListView mostrará los childrens bajo demanda. Es decir que cuando los Widgets no quepan en pantalla o no se muestren, serían destruidos. Y cuando hagamos scroll o sea necesario…
-
Instalación de ADB en Windows 7 o 10
¿Cómo configurar ADB en Windows? Opción 1: Instalar Android Studio. Este IDE incluye entre otras herramientas de desarrollo ADB. Opción 2: Descargarlo desde una fuente oficial o terceros. Personalmente recomiendo descargarlo desde la pagina de Google. Esta herramienta viene en un paquete llamado Platform-Tools En cualquiera de los casos, ahora deberás agregarlo a las variables…
-
Generar SHA-1 debug
Certificado de firma sha 1 de depuración flutter Las huellas SHA-1 debug son importantes durante el desarrollo, un caso bastante frecuente es cuando pretendemos usar servicios de la nube como firebase. En la documentación de Android nos ofrecen estos comandos para ejecutarlos, sin embargo no hay instrucciones claras, si solo copias el comando puede que…