11 Semana_11_Widgets_Flutter_iii

Vista previa del material en texto

Semana 11: Widgets en Flutter (iii)
Facultad de Ingeniería de Sistema e Informática
LENGUAJE DE PROGRAMACIÓN V
Ing. Angel Marthans Ruiz, Mg.
Objetivos: 
Al finalizar, el alumno logrará:
 Conocer los widgets Flexible y Expanded.
2
Temas:
 Widget Flexible
 Widget Expanded
3
Widget Flexible
4
Un widget que controla cómo acomoda de forma flexible un widget hijo (Row, Column).
El uso de un widget Flexible le da a un widget hijo, la flexibilidad de expandirse para llenar el 
espacio disponible en el eje principal (por ejemplo, horizontalmente para un Row o 
verticalmente para un Column), pero, a diferencia de Expanded, Flexible no exige que el widget 
hijo llene el espacio disponible.
Widget Flexible
5
Widget Flexible
6
Widget Expanded
7
Un widget que expande un widget hijo (Fila, Columna) para que llene el espacio disponible.
El uso de un widget Expanded hace que un elemento secundario de una Fila, Columna o 
Flexible se expanda para llenar el espacio disponible a lo largo del eje principal (por ejemplo, 
horizontalmente para un Row o verticalmente para un Column). Si se expanden varios hijos, el 
espacio disponible se divide entre ellos según el factor especificado.
Widget Expanded
8
Este ejemplo muestra cómo usar un widget Expanded en un Column para que su widget hijo del 
medio, un Container, se expanda para llenar el espacio.
Referencias:
 https://api.flutter.dev/flutter/widgets/Flexible-class.html
 https://www.kindacode.com/article/flutter-flexible-examples/
 https://api.flutter.dev/flutter/widgets/Expanded-class.html
9
https://api.flutter.dev/flutter/widgets/Flexible-class.html
https://www.kindacode.com/article/flutter-flexible-examples/
https://api.flutter.dev/flutter/widgets/Expanded-class.html
La manera de empezar es dejar de 
hablar y comenzar a actuar.
Walt Disney
1 0
	�����Semana 11: Widgets en Flutter (iii)
	Objetivos: �Al finalizar, el alumno logrará:
	Temas:
	Widget Flexible
	Widget Flexible
	Widget Flexible
	Widget Expanded
	Widget Expanded
	Referencias:
	La manera de empezar es dejar de hablar y comenzar a actuar.