Crear un select de opciones en Flutter con Dart

Crear un select de opciones en Flutter con Dart

Tiempo de lectura: 2 minutos En este ejemplo voy a mostrar cómo crear un select de opciones en Flutter en el lenguaje de programación Dart. Para ello vamos a crear un componente que vamos a llamar en este caso CustomSelect. Este elemento o componente, tendrá sus propiedades y eventos para manejar la selección de opciones, y así, poder usarlo en … Leer más

Crear un widget de aceptar condiciones de uso con Flutter

Crear un widget de aceptar condiciones de uso con Flutter

Tiempo de lectura: 2 minutos Hoy vamos a aprender cómo podemos crear un Widget que nos permita aceptar las condiciones de uso del sistema antes de registrarnos en la plataforma. Lo primero que vamos a hacer es crear este widget que llamaremos condiciones_uso.dart Para poder utilizar este código necesitamos añadir esta librería: Lo que hacemos con este Widget es: Para … Leer más

Cambiar nombre y descripción de web en un proyecto Flutter

Cambiar nombre y descripción de web en un proyecto Flutter

Tiempo de lectura: < 1 minuto Hoy vamos a aprender cómo podemos cambiar el nombre y la descripción de la web que se muestra en un proyecto Flutter. Para editar esta configuración tendremos que buscar el archivo web/manifest.json Aquí dentro vamos a editar estas líneas: Podemos cambiar también la descripción: Y el resto de valores como por ejemplo el color del … Leer más

Añadir un mapa de Open Street Map en Flutter

Añadir un mapa de Open Street Map en Flutter

Tiempo de lectura: 4 minutos Hoy vamos a aprender cómo podemos añadir un visor de mapas en Flutter y además utilizando Open Street Map. ¿Por qué usar Open Street Map? A continuación voy a explicar la diferencia entre OpenStreetMap y Google Maps. OpenStreetMap (OSM) y Google Maps son dos plataformas de mapas populares, y cada una tiene sus ventajas y … Leer más

Menú vertical en Flutter – Dart

Menú vertical en Flutter – Dart

Tiempo de lectura: 2 minutos En este ejemplo hago un menú vertical en Flutter usando el lenguaje Dart. El código y el resultado se muestran a continuación: Para el diseño de la interfaz, se utiliza un Row para dividir la pantalla en dos partes: el menú vertical y el contenido a la derecha. El menú vertical se crea como una … Leer más

Agregar Firebase a tu app de Flutter

Agregar Firebase a tu app de Flutter

Tiempo de lectura: 3 minutos Primero se crea el proyecto en Firebase Después de iniciar sesión, haz clic en «Ir a la consola» para acceder a la consola de Firebase. En la consola de Firebase, crea un nuevo proyecto haciendo clic en el botón «Agregar proyecto». Sigue las instrucciones para configurar el proyecto. Después de tener el proyecto creado, veremos … Leer más

Tutorial de Flutter – Creación de una Aplicación de Clima

Tutorial de Flutter – Creación de una Aplicación de Clima

Tiempo de lectura: 2 minutos Esta aplicación te permitirá obtener datos en tiempo real sobre el clima en diferentes ubicaciones. Título: Tutorial de Flutter – Creación de una Aplicación de Clima Objetivo: En este tutorial, aprenderemos a crear una aplicación de clima simple utilizando Flutter. Obtendremos datos de una API de pronóstico del tiempo y los mostraremos en la interfaz … Leer más

Tutorial de Flutter – Creación de una Aplicación de Lista de Tareas

Tutorial de Flutter – Creación de una Aplicación de Lista de Tareas

Tiempo de lectura: 2 minutos Una lista de tareas es una aplicación útil para organizar tareas pendientes y puede ser un excelente proyecto de aprendizaje para quienes desean iniciarse en Flutter. Título: Tutorial de Flutter – Creación de una Aplicación de Lista de Tareas Objetivo: En este tutorial, aprenderemos a crear una aplicación de lista de tareas simple utilizando Flutter, … Leer más

Diferencias entre StatelessWidget y StatefulWidget en Flutter ¿Cuál utilizar?

Diferencias entre StatelessWidget y StatefulWidget en Flutter ¿Cuál utilizar?

Tiempo de lectura: 2 minutos La diferencia fundamental entre un widget Stateless y un widget Stateful en Flutter radica en su capacidad para manejar y reflejar cambios en los datos. Vamos a profundizar en las diferencias clave: En resumen, si una parte de tu interfaz de usuario nunca cambia después de ser construida (como un ícono estático), puedes usar un … Leer más