Tabla de Contenido
Introducción
En este artículo veremos sobre los indicadores de progreso que nos provee Material para Flutter, que nos permite ver el progreso de un proceso gráficamente. Material nos brinda dos opciones: LinearProgressIndicator y CircularProgressIndicator.
LinearProgressIndicator
Empecemos con los indicadores de progreso lineales, es una barra de progreso que se va llenando a medida que el proceso se va completando mediante una animación. Existen dos tipos de este indicador que son los determinados y los indeterminados.
Propiedades
backgroundColor: propiedad para cambiar el color de fondo de la barra.borderRadius: propiedad para ajustar el borde de la barra de progreso.color: propiedad donde podemos cambiar el color del indicador de progreso.minHeight: Propiedad para ajustar el grosor de la barra de progreso.value: propiedad donde va el valor entre 0.0 y 1.0 de la barra de herramienta y que podemos modificar.valueColor: propiedad para cambiar el color de la animación que va llenando la barra.
CircularProgressIndicator
Los indicadores de progreso circular, muestran el progreso mediante una animación que gira los 360 grados. Se utilizan regularmente en botones no cards para actualizaciones de información o recargar páginas, en aplicaciones móviles se puede ver también una animación similar en los pull to refresh. Como vimos con los indicadores de progreso lineal, también son determinados o indeterminados.
Constructores
CircularProgressIndicator: constructor por defecto.CircularProgressIndicator.adaptive: crea un indicador de progreso que se puede adaptar para iOS o Android.
propiedades
backgroundColor: propiedad para cambiar el color de fondo de la barra.color: propiedad donde podemos cambiar el color del indicador de progreso.strokeAlign: propiedad para alinear el trazo del indicador circular.strokeCap: propiedad para cambiar la forma del final de la línea.strokeWidth: propiedad para indicar el ancho de la línea de progreso.value: propiedad donde va el valor entre 0.0 y 1.0 de la barra de herramienta y que podemos modificar.valueColor: propiedad para cambiar el color de la animación que va llenando la barra.
Tipos de indicadores
Determinados: son los que podemos manipular para decir el valor o porcentaje de progreso que va de 0.0 a 1.0. De acuerdo a esto muestran el tiempo que lleva un proceso.Indeterminados: son los que no se indica valor e indican que hay un proceso en ejecución pero no se sabe el tiempo que tomará completarse.
Conclusión
En Conclusión, conocimos sobre los indicadores de progreso de Material que nos sirve para darle mejor información al usuario sobre los procesos que pueden tardar un poco más de lo esperado y pueda ser diciente para él.
¡Gracias por leer!
