En esta oportunidad, continuando con los widgets que nos ofrece Material Design en Flutter, veremos un poco sobre el uso del widget Badge, que nos sirve para todo tema de notificaciones y hacer que destaquen más para que el usuario pueda atenderlas. Badge Las insignias se encargan de mostrar cuando hay nuevas notificaciones, mensajes, etc. […]
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
En este artículo veremos otros tipos de botones de acción que tiene Material para Flutter, en esta ocasión los widgets IconButton y SegmentedButton. IconButton Un botón de ícono, básicamente es una imagen dentro de un widget que ejecuta una acción al ser presionada. Su uso común es en las acciones de los AppBar, pero se
Flutter: Material — Widget IconButton — SegmentedButton Leer más »
En este caso traigo más tipos de botones de Material 3, el widget FloatingActionButton que son botones flotantes utilizados generalmente dentro de un widget Scaffold en su propiedad floatingActionButton . FloatingActionButton Como vimos en el resumen son botones de acción flotantes que tienen in contenedor y un ícono como propiedades importantes. Se utiliza de forma recurrente
Material proporciona una variedad de widgets en Flutter que tienen el diseño de Material 3 ya implementado en cada uno de éstos. Inicialmente veremos los widgets de comportamiento como lo son los botones comunes. Botones comunes (common Buttons) Los botones comunes son bloques en los que podemos hacer clic y disparar acciones como: ir a otra
En esta ocasión veremos un widget que nos permite como su nombre lo indica alinear un widget hijo dentro de un widget padre. Align Este widget permite poder ubicar el widget hijo en la posición que se necesite y tener mayor control del mismo. Cuando no especificamos una alineación por defecto utiliza Alignment.center , por lo