Componente botón usando Flutter en lenguaje Dart

Componente botón usando Flutter en lenguaje Dart

Tiempo de lectura: 2 minutos En este post vamos crear un componente de botón personalizable en Flutter utilizando el widget ElevatedButton. Este componente nos permitirá crear botones con texto, icono y personalizar varios aspectos como el color, tamaño del texto y el ancho del botón. Ahora que hemos creado el componente de botón personalizable, podemos utilizarlo fácilmente en cualquier parte … Leer más

Elemento Widget Select de opciones o DropdownButton en Dart usando Flutter

Elemento Widget Select de opciones o DropdownButton en Dart usando Flutter

Tiempo de lectura: 2 minutos Hoy vamos a hacer un widget personalizado llamado CustomDropdownButton, que se utiliza para mostrar un menú desplegable (DropdownButton) con opciones seleccionables. El widget acepta tres parámetros: Uso del Widget: Para utilizar este widget, simplemente hay que incorporarlo en el árbol de widgets y proporciona los parámetros requeridos como muestro a continuación Por último visualizamos el … Leer más

Cómo obtener la ubicación actual (latitud y longitud ) en Flutter

Cómo obtener la ubicación actual (latitud y longitud ) en Flutter

Tiempo de lectura: 2 minutos Para obtener la ubicación actual de forma rápida y sencilla hay que seguir los siguientes pasos:Primero nos aseguramos de que hemos agregado la dependencia geolocator en el archivo pubspec.yaml: Luego, ejecutamos flutter pub get para instalar la dependencia. A continuación hay que agregar los permisos necesarios en el archivo AndroidManifest.xml: Después implementamos el siguiente código, … Leer más

Crear opciones Checkbox en Flutter con Dart

Crear opciones Checkbox en Flutter con Dart

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

Crear un Radio Group de opciones Radio Buttons en Flutter con Dart

Crear un Radio Group de opciones Radio Buttons en Flutter con Dart

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

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

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

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