Container

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.

Activadores del flujo de trabajo:

• 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.

Acciones de los componentes:

Container get properties

Obtiene las propiedades del contenedor.

Parámetros deentrada :

• Component Id [string] - Identificador del componente contenedor.

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.

Container set properties

Obtiene las propiedades del contenedor.

Parámetrosde entrada:

• Component Id [string] - identificador del componente del contenedor.

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.

Container update properties

Actualiza las propiedades del contenedor

Parámetrosde 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 vertical [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.

Ejemplo de uso

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