De manera predeterminada, Flutter no tiene animación cuando se navega de una pantalla a otra. Pero en este tutorial, vamos a aprender cómo animar la transición de pantalla. Configuración del proyecto Antes de aplicar directamente a su proyecto existente, practique el código en algunos proyectos de ejemplo. Para este tutorial, vamos a nombrar nuestro proyecto … Continue reading «Flutter – Navegación animada»
Construiremos una aplicación Magic 8 Ball que le dará las respuestas a todas las preguntas divertidas y engañosas (básicamente es una aplicación de juego divertida que cambiará su estado de imagen Flatbutton usando widgets Stateful). Para ello utilizaremos los widgets Stateless y Stateful Flutter, un Flatbutton. Usaremos VS Code IDE para este proyecto, también puede … Continue reading «Flutter – Aplicación Magic 8 Ball»
En este artículo, vamos a echar un vistazo a la instalación de Flutter en macOS. En este artículo, veremos cuáles son los requisitos del sistema para que funcione con flutter, cómo configurar una variable de entorno, cómo instalar flutter SDK y Dart SDK. Entenderemos cómo usar flutter doctor, cómo instalar Xcode y Android Studio, aceptar … Continue reading «Flutter – Instalación en macOS»
En Flutter, el widget FutureBuilder se usa para crear widgets según sea necesario. FutureBuilder es un widget que lo ayudará a ejecutar alguna función asincrónica y, según el resultado de esa función, su interfaz de usuario se actualizará. FutureBuilder es Stateful por naturaleza, es decir, mantiene su propio estado como lo hacemos nosotros en StatefulWidgets … Continue reading «Flutter – Widget de FutureBuilder»
Todos nos hemos enfrentado a situaciones después de llenar el campo de texto, el teclado virtual no desaparece automáticamente. Tenemos que hacer clic en el botón Atrás de nuestros teléfonos inteligentes para quitar el teclado virtual. Entonces, en este artículo, veremos cómo descartar el teclado virtual en una aplicación con solo un toque. Para esto, … Continue reading «¿Cómo descartar el teclado virtual en una aplicación Flutter?»
El widget de relleno en flutter hace exactamente lo que dice su nombre, agrega relleno o espacio vacío alrededor de un widget o un montón de widgets. Podemos aplicar relleno alrededor de cualquier widget colocándolo como elemento secundario del widget Padding . El tamaño del widget secundario dentro del relleno está limitado por la cantidad … Continue reading «Flutter – Widget de relleno»
Interactuar con Internet es crucial para que la mayoría de las aplicaciones funcionen. En Flutter, el paquete http se usa para enviar los datos a Internet. En este artículo, exploraremos el mismo tema en detalle. Para enviar datos a Internet a través de su aplicación, siga los siguientes pasos: Importar el paquete http Enviar datos … Continue reading «Flutter: envío de datos a Internet»
Flutter CircularProgressIndicator es un widget material que indica que la aplicación está ocupada. En primer lugar, creamos un nuevo proyecto utilizando Visual Studio Code (IDE) con el nombre «indicador de progreso». Puedes elegir cualquier nombre. Pasos: 1. Invoque Ver > Paleta de comandos. 2. Escriba «flutter» y seleccione Flutter: New Project. 3. Ingrese un nombre … Continue reading «Indicador de progreso en Flutter»
Podemos crear bottomsheet en flutter. Básicamente, tenemos dos tipos de hojas inferiores en el diseño de materiales: Persistentes y Modales . Bottomsheets se utilizan cuando queremos realizar acciones. Básicamente, hay dos tipos de Bottomsheets : persistentes y modales. La hoja inferior persistente no oculta el contenido de la pantalla y se enfoca en ambos lados. … Continue reading «Hoja inferior en Flutter»
La clase de botón más diferente proporcionada en flutter es la clase IconButton. En este tutorial, lo guiaremos a través de la implementación y las propiedades de la clase IconButton para flutter en detalle. Un botón de icono permite a los usuarios realizar acciones como buscar, navegar, agregar, etc., simplemente presionando el botón. Esta clase … Continue reading «Clase IconButton en Flutter con ejemplo»