FLUTTER
JUAN FELIPE MORENO FIGUEROA
DIANA LIZETH DELGADO SUAREZ
MÓVIL 1
ANÁLISIS Y DESARROLLO DE SOFTWARE
SERVICIO NACIONAL DE APRENDIZAJE
2023
Tabla de Contenido
WIDGETS __________________________________________________________ 3
Tipos principales: _______________________________________________________ 3
Ejemplos de Widgets: ____________________________________________________ 3
WIDGETS
Los widgets en Flutter son los elementos básicos de la interfaz de usuario en la
plataforma. Un widget en Flutter puede describirse como una descripción inmutable de parte
de la interfaz de usuario. En términos más simples, son bloques que componen todo lo que
ves en una aplicación de Flutter. Los widgets son el núcleo del desarrollo de Flutter, ya que
se utilizan para construir la UI de la aplicación, es decir, cada elemento visual que ves en una
aplicación Flutter es un widget.
Tipos principales:
- StatelessWidget: estos son widgets que describen una parte de la interfaz de
usuario que se espera que sea inmutable en términos de configuración. Un
ejemplo simple puede ser un Text widget que simplemente muestra el texto en la
pantalla.
- StatefulWidget: estos son widgets que pueden cambiar dinámicamente (es decir,
pueden ser mutables). Mantienen su estado durante su vida útil. Un ejemplo puede
ser un Checkbox, que puede estar marcado o no.
Ejemplos de Widgets:
- Text: este widget muestra un texto en la pantalla.
- Row, Column: estos son widgets de diseño que toman una lista de hijos y los
disponen horizontalmente (Row) o verticalmente (Column).
- Stack: este widget superpone varios hijos.
- Container: este widget permite personalizar su diseño. Puede ser pintado, tener
dimensiones, padding, margin y aplicar transformaciones.
- Image: este widget muestra una imagen.
- Icon: este widget muestra un icono.
- Raised Button, Flat Button, etc.: estos son widgets de botón.
- Checkbox, Radio, Slider, etc.: estos son widgets de entrada.
- ListView, GridView, etc.: estos widgets muestran y controlan el desplazamiento
de las listas y las cuadrículas de datos, respectivamente.
- AppBar: este widget muestra una barra de aplicación en la parte superior de la
pantalla.