Skip to content

modal

El component modal crea un modal. Se puede controlar si estará visible o no usando un component lógico del tipo <state /> o mediante un action que tenga como type modal y el como target el nombre del modal

Props

visible

Un valor booleano que indica si el modal está visible en la pantalla o no. Por default, no será visible

animationType

enum(‘deslizar’, ‘fade’)

Example

<screen>
<meta>
<header>Modal Example</header>
</meta>
<body>
<box>
<action type="showModal" target="modal1" >
</box>
</body>
<modal
visible="false"
animationType="slide"
name="modal1"
>
<box style="padding: '20'; backgroundColor: '#fff'; borderRadius: '10'">
<text>Contenido del Modal</text>
<action type="showModal" target="modal1">Ocultar</action>
</box>
</modal>
</screen>