Container

Se utiliza para agrupar elementos

Configuración de la apariencia:

Name(obligatorio) - nombre del componente.

Direction(obligatorio) - cómo se disponen los elementos dentro del contenedor, vertical u horizontalmente. Horizontal será por defecto.

Wrap(obligatorio) - envolver el contenido cuando va más allá de los límites del contenedor. Nowrap por defecto

Alignment (obligatorio) - alineación de los elementos en un contenedor. Inicio por defecto.

Sizes(obligatorio) - dimensiones del contenedor. En píxeles o en porcentaje. Ancho 100% por defecto

Max Width (obligatorio) - ancho máximo del contenedor en píxeles o porcentaje. 100% por defecto.

Margin(obligatorio) - sangría exterior. 0 por defecto.

Padding(obligatorio) - sangría interior. 0 por defecto Imagen, Gradiente o Superposición (no obligatorio) - para el fondo.

Background color (no obligatorio) - color primario para el fondo.

Border(no obligatorio) - configuración del borde del componente.

Visible(obligatorio) - hace visible el componente si está activado. Activado por defecto.

onCreate- se dispara cuando el elemento se crea en la página;
onShow- se activa cuando el componente cambia su estado a visible (se muestra en la página);
onHide- se dispara cuando el componente cambia su estado a oculto (deja de mostrarse);
onDestroy- se dispara cuando se destruye el componente;
onClick- se dispara cuando se hace clic en el componente.

Obtiene las propiedades del contenedor.

Parámetros de entrada:

Parámetros de salida:

Width[string] - la anchura de los componentes;
Height[string] - la altura de los componentes;
Flex direction [enum] - dirección de los componentes;
Wrap[enum] - la envoltura de los componentes;
Alignment horizontal [enum] - alineación del componente por horizontal;
Alignment vertical [enum] - la alineación de los componentes por la vertical;
Margin[string] - margen del componente;
Padding[string] - el relleno del componente;
Border[string] - el borde del componente;
Background color[string] - color de fondo del componente;
Visible[boolean] - estado de visibilidad del componente.

Obtiene las propiedades del contenedor.

Parámetros de entrada:

Parámetros de salida:

Width[string] - ancho del componente;
Height [string] - la altura de los componentes;
Flex direction [enum] - la dirección de los componentes;
Wrap [enum] - el ajuste de los componentes;
Alignment horizontal[enum] - alineación del componente por horizontal;
Alignment vertical [enum] - la alineación de los componentes por la vertical;
Margin[string] - margen del componente;
Padding[string] - el relleno del componente;
Border[string] - el borde del componente;
Background color [string] - color de fondo del componente;
Visible [boolean] - estado de visibilidad del componente.

Actualiza las propiedades del contenedor

Parámetros de entrada:

Component Id [string] - identificador del componente contenedor;
Width[string] - ancho del componente;
Height[string] - altura de los componentes;
Flex direction [enum] - dirección de los componentes;
Wrap [enum] - envoltura de los componentes;
Alignment horizontal [enum] - alineación del componente por horizontal;
Alignment vertica l [enum] - la alineación de los componentes por la vertical;
Margin[string] - margen del componente;
Padding[string] - el relleno del componente;
Border[string] - borde del componente;
Border radius [string] - radio del borde del componente;
Background color [string] - el color de fondo del componente;
Visible [boolean] - estado de visibilidad del componente.

Un contenedor puede ser utilizado para agrupar elementos. Por ejemplo, para ensamblar un formulario a partir de varios campos de entrada diferentes: