Flutter: widget de botón de icono

Flutter viene con diferentes tipos de botones como TextButton , ElevatedButton , OutlinedButton, etc. Pero la mayoría de los botones están basados ​​en texto. En este artículo vamos a ver cómo implementar el IconButton de Flutter. Es uno de los botones más utilizados en la biblioteca flutter. Primero, como sugiere el nombre, el botón de … Continue reading «Flutter: widget de botón de icono»

¿Cómo tomar la fecha de nacimiento del usuario manualmente en Flutter?

El paquete dob_input_field lo ayuda a tomar la fecha de nacimiento del usuario manualmente. Este paquete valida la fecha de nacimiento ingresada por el usuario automáticamente, es decir, validación automática. Muchas aplicaciones necesitan ingresar la fecha de nacimiento del usuario y luego validar explícitamente los datos, lo cual es complicado. Pero el paquete dob_input_field en … Continue reading «¿Cómo tomar la fecha de nacimiento del usuario manualmente en Flutter?»

Flutter – Usando el Avatar Glow

Flutter tiene un paquete llamado avatar_glow que proporciona un Avatar Glow Widget con una genial animación brillante de fondo. En este artículo, exploraremos el mismo paquete con un ejemplo. Implementación: Primero, agregue la dependencia al archivo pubspec.yaml como se muestra a continuación: Ahora importa el siguiente código a tu archivo main.dart: import ‘package:avatar_glow/avatar_glow.dart’; A. El … Continue reading «Flutter – Usando el Avatar Glow»

Flutter: campos de entrada OTP

La mayoría de las aplicaciones modernas que requieren verificación OTP requieren campos de entrada de estilo OTP. Necesitamos generar un código repetitivo más grande para crear campos de entrada sorprendentes. Luego, el paquete pinput viene al rescate. Con este paquete, podemos crear fácilmente campos de entrada OTP personalizables. Veamos su implementación en este artículo. Paso … Continue reading «Flutter: campos de entrada OTP»

Flutter – Biblioteca de confeti

Quiere agregar confeti en la pantalla en Flutter. Supongamos que si un usuario ganó un juego o alguna recompensa, debería haber una explosión de confeti en la pantalla. Antes no era una tarea fácil, pero ahora lo es con la biblioteca Flutter: confetti. En este artículo, veremos cómo implementar confeti en Flutter, luego se puede … Continue reading «Flutter – Biblioteca de confeti»

Ciclo de vida de los widgets de Flutter

Widgets sin estado : los widgets que permanecen constantes durante la vida útil de la aplicación se denominan widgets sin estado. Los usamos cuando queremos que las estructuras permanezcan iguales en toda la aplicación, por ejemplo, la barra de aplicaciones, el esquema de color, es decir, generalmente la interfaz de usuario (UI). Estos widgets son … Continue reading «Ciclo de vida de los widgets de Flutter»

Flutter – Evitar Jank

El análisis de archivos JSON de gran tamaño puede provocar un rendimiento deficiente de las aplicaciones y el cierre de las animaciones. Si analizar y calcular un archivo JSON grande toma más de 16 milisegundos, los usuarios experimentarán Jank. Dart por defecto usa un solo hilo para realizar estas tareas, aunque es simple y rápido … Continue reading «Flutter – Evitar Jank»

Widget de opacidad en Flutter

El widget Opacity que hace que su hijo sea parcialmente transparente. Esta clase colorea a su hijo en un búfer intermedio y luego vuelve a fusionar al hijo en la escena parcialmente transparente. Para valores de opacidad que no sean 0.0 y 1.0, esta clase es relativamente costosa ya que necesita colorear al niño en … Continue reading «Widget de opacidad en Flutter»

Flutter – Widget de la barra de aplicaciones

AppBar suele ser el componente superior de la aplicación (o, a veces, el inferior), contiene la barra de herramientas y algunos otros botones de acción comunes. Como todos los componentes de una aplicación flutter son un widget o una combinación de widgets. Por lo tanto, AppBar también es una clase integrada o un widget en … Continue reading «Flutter – Widget de la barra de aplicaciones»

Widget endDrawer en Flutter

El endDrawer es el panel que se muestra al costado del cuerpo (Scaffold Widget). Generalmente está oculto en los dispositivos móviles. Podemos abrirlo deslizando el dedo de derecha a izquierda, o podemos personalizarlo para que se abra al presionar un ícono o un botón. Este widget es similar al widget Drawer ya presente en flutter, … Continue reading «Widget endDrawer en Flutter»