Veritran Docs

Visible

Atributo que define si el componente es visible en la app. Haz clic en la flecha y elige una opción del menú desplegable. Selecciona true para que el componente sea visible en la app o false para que no lo sea.

Important For Accessibility

Atributo que define si el lector de pantalla lee o ignora el valor definido en el atributo Accessibility Text del componente. Haz clic en la flecha y selecciona una opción del menú desplegable. Elige true para que el lector de pantalla lea el componente o false para que el lector de pantalla no lea el componente. El valor por defecto es false.

Accessibility Text

Texto alternativo. Añade un texto breve para describir el componente a los usuarios que no puedan verlo. El texto será leído por iOS Voice Over o Android Talk Back. También puedes añadir el texto de accesibilidad al diccionario de traducciones o seleccionar una traducción existente si hay idiomas seleccionados en los ajustes de tu rama.Settings

Accessibility Order

Atributo que indica al lector de pantalla el orden en que debe leer los componentes. Para configurarlo, haz clic en el campo e introduce un número para definir el orden. Por ejemplo, si este componente debe leerse en tercer lugar, introduce el valor 3. Si no configuras un orden personalizado, los componentes se leen de arriba hacia abajo y de izquierda a derecha de la pantalla.

Position Type

Haz clic en la flecha y selecciona un tipo de posición en el menú desplegable. Consulta la tabla a continuación para saber más sobre las opciones disponibles.

Scale Type

Atributo que define el comportamiento de la escala aplicada a los límites del componente. Haz clic en la flecha y selecciona una opción del menú desplegable. Consulta la tabla a continuación para saber más sobre las opciones disponibles.

Z-Index

Propiedad que define el orden de posición de los componentes. Si varios componentes se solapan, los componentes con un índice Z más alto se colocarán sobre los que tengan un índice más bajo. Este campo se rellena automáticamente.

Shadow offset-x

Introduce un valor para la sombra con respecto al eje X (horizontal), que considera el centro del componente como punto de partida. Si el valor es un número negativo, la sombra apuntará hacia la izquierda. Puedes hacer clic en la flecha situada a la derecha del campo de sombra y seleccionar una unidad de medida en el menú desplegable.

Shadow offset-y

Introduce un valor para la sombra con respecto al eje Y (vertical), que considera el centro del componente como punto de partida. Puedes hacer clic en la flecha situada a la derecha del campo de sombra y seleccionar una unidad de medida en el menú desplegable.

Shadow Blur Radius

Introduce un valor para la anchura del radio de la sombra. Puedes hacer clic en la flecha situada a la derecha del campo de sombra y seleccionar una unidad de medida en el menú desplegable.

Shadow Color

Para establecer el color de sombra, haga clic en el campo Color de sombra y escriba un código de color hexagonal o haga clic en el icono cuadrado de bordes redondeados para abrir el selector de color ubicado a la izquierda (icono cuadrado de bordes redondeados). En el selector de color, seleccione un color o introduzca el código de color hexa o rgba.

También puedes definir el porcentaje de opacidad fuera del selector de colores, en el campo Opacity. Si seleccionaste previamente un color en el selector de colores, la opacidad se configurará en 100 por defecto. Si no seleccionaste ningún color, este campo aparece vacío. Para modificarlo, haz clic en el campo e ingresa el porcentaje deseado.

Animation

Archivo JSON exportado a través del plugin BodyMovin que incluye la animación que ejecutará el componente.

States

Archivo JSON que aplica parámetros adicionales a la animación al dividirla en estados.

Speed

Velocidad a la cual se ejecuta la animación. Haz clic en el campo y define la escala de velocidad con números (incluyendo decimales), donde el valor 1 es la velocidad normal de la animación. Por ejemplo, si ingresas 2, la velocidad será del doble de la velocidad normal, o si ingresas 0.5, la velocidad será la mitad que la normal.

Initial State

Define el estado en el que comienza la animación.

Loop

Define si el vídeo de animación se reproduce en bucle. Haz clic en la flecha y elige una opción del menú desplegable. Selecciona true para que la animación se reproduzca en bucle o false para que no se reproduzca en bucle.

Repeat Mode

Define el comportamiento del bucle de la animación. Haz clic en la flecha y selecciona una opción del menú desplegable. Selecciona Restart para que la animación se ejecute desde el comienzo cada vez que se repita o Reverse para que la animación se ejecute en reversa cada vez que se repite.

Src

ID del video que se mostrará en el componente. Para establecer el video, haz clic en el campo y escribe el nombre, o haz clic en el ícono de la lupa para abrir el selector de archivos. A continuación, selecciona uno de los videos disponibles en la lista o utiliza la barra de búsqueda para encontrar un video por su nombre y haz clic en él.