Flutter: widget de botón desplegable

En este artículo, aprenderemos cómo usar un DropDownButton y aprenderemos varias propiedades del mismo en flutter. Usaremos el widget Flutter DropDownButton para mostrar una lista desplegable en nuestra aplicación. Así que primero veamos qué es DropDownButton. DropDownButton: en Flutter, un DropDownButton es un botón de diseño de materiales. DropDownButton es un widget que podemos usar … Continue reading «Flutter: widget de botón desplegable»

Diferencia entre filas y columnas vs contenedor en Flutter

En este artículo, aprenderemos sobre las diferencias clave entre los widgets Contenedor y Fila/Columna. Los widgets Fila y Columna pertenecen a una categoría similar y tienen usos idénticos. Estos son los widgets básicos que usarías en casi todas las aplicaciones de flutter. Los discutiremos en breve. Envase Este es el widget más utilizado en todas … Continue reading «Diferencia entre filas y columnas vs contenedor en Flutter»

Flutter – Widget ListTile

El widget ListTile se usa para completar un ListView en Flutter. Contiene títulos , así como iconos iniciales o finales . Entendamos esto con la ayuda de un ejemplo. Constructor de la clase ListTile ListTile({Key key, Widget leading, Widget title, Widget subtitle, Widget trailing, bool isThreeLine: false, bool dense, VisualDensity visualDensity, ShapeBorder shape, EdgeInsetsGeometry contentPadding, … Continue reading «Flutter – Widget ListTile»

Flutter – Widget de LayoutBuilder

En Flutter, el widget LayoutBuilder es similar al widget Builder, excepto que el marco llama a la función del constructor en el momento del diseño y proporciona las restricciones del widget principal . Esto es útil cuando el padre restringe el tamaño del niño y no depende del tamaño intrínseco del niño. El tamaño final … Continue reading «Flutter – Widget de LayoutBuilder»

Flutter – Widget CircleAvatar

El widget CircleAvatar viene integrado con el SDK de flutter. Es simplemente un círculo en el que podemos agregar color de fondo, imagen de fondo o simplemente algún texto. Suele representar a un usuario con su imagen o con sus iniciales. Aunque podemos hacer un widget similar desde cero, este widget es útil en el … Continue reading «Flutter – Widget CircleAvatar»

Flutter – Widget de SizedBox

SizedBox es un widget integrado en flutter SDK. Es una caja simple con un tamaño específico. Se puede usar para establecer restricciones de tamaño para el widget secundario, colocar un SizedBox vacío entre los dos widgets para obtener algo de espacio en el medio, o algo más. Es algo similar a un widget de contenedor … Continue reading «Flutter – Widget de SizedBox»

Flutter: estado local frente a estado de toda la aplicación

Estado local (a veces llamado estado de IU o estado efímero ): es un estado que se puede administrar en un solo widget. No hay necesidad de técnicas de gestión de estado (Bloc, redux, etc.) en este tipo de estado, bastaría con un Stateful Widget. Ejemplos: Página actual en una vista de página, pestaña actual … Continue reading «Flutter: estado local frente a estado de toda la aplicación»

Flutter: salida de widgets condicionalmente

Flutter es el conjunto de herramientas de interfaz de usuario de Google para crear hermosas aplicaciones compiladas de forma nativa para dispositivos móviles, web y de escritorio a partir de una única base de código. Flutter proporciona varias formas de mostrar Widgets de forma condicional y en este artículo vamos a implementar todos los métodos. … Continue reading «Flutter: salida de widgets condicionalmente»

Dardo – Genéricos

En Dart , las colecciones por defecto son heterogéneas . Sin embargo, mediante el uso de genéricos, podemos hacer una colección para contener valores homogéneos . El uso de Genéricos hace que el uso de un solo tipo de datos sea obligatorio para ser mantenido dentro de la colección. Estas colecciones se denominan colecciones con … Continue reading «Dardo – Genéricos»

Clase de icono en Flutter

La clase de icono en Flutter se usa para mostrar iconos específicos en nuestra aplicación. En lugar de crear una imagen para nuestro ícono, simplemente podemos usar la clase Icon para insertar un ícono en nuestra aplicación. Para usar esta clase, debe asegurarse de haber configurado uses-material-design: true en el archivo pubsec.yml de su objeto. … Continue reading «Clase de icono en Flutter»