action

El component action permite crear una zona interactiva.

Props

type

fetch: indica que deberá ejecutar un fetch (se debe declarar el mismo)
goBack: indica que queremos volver a la pantalla anterior
showModal: muestra o oculta un modal (si está visible, lo oculta)
state: indica que asignaremos un valor a un state
customFunction: indica que debemos ejecutar una function creada en el código del dispositivo.

target

Define el nombre del target de la acción. Puede ser el nombre de un fetch, un state, un modal, etc.

value

Valor que se utilizará para asignar a un state

Example

<screen>
  <body>
    <action type="fetch" target="getRestaurant">
      <text>Mostrar todos los restaurantes</text>
    </action>
    <list name="listRestaurants">
      <listitem>
          <box shadow="24" borderWidth="1" padding="4" borderColor="transparent">
            <link to="/restaurant.xml?id={{item.id}}">
              <text>{{item.restaurantName}}</text>
              <image
                uri="{{item.image}}"
                width="120"
                height="100"
                style="borderWidth='0'; borderColor='#000000'; borderRadius: 20"
                blurRadius="0"
                resizeMode="cover"
              />
            </link>
          </box>
        </listitem>
    </list>
  <body>
  <fetch uri="https://site.com/restaurants" method="get" targetType="list" target="listRestaurant" name="getRestaurant" />
</screen>