Skip to content
S42UI - Server Driven UI for React Native

listitem

El component listitem es un bloque de construcción esencial para crear elementos de lista ricos en contenido y altamente interactivos. Este componente permite mostrar tanto un texto principal como un subtítulo adicional, junto con íconos opcionales a la izquierda y derecha del elemento. Además, soporta la integración de funciones de interacción, como clics o toques, lo que lo convierte en una opción ideal para menús, listas de selección, o cualquier tipo de lista interactiva.

Example

<screen>
  <meta>
    <header>ListItem Example</header>
  </meta>
  <body>
    <list name="listRestaurants">
    <listitem>
        <box shadow="24" style="borderWidth: '1'; padding: '4'; borderColor: '#333'">
          <link to="/restaurant.xml?id=1">
            <text>Restaurant 1</text>
            <image
              uri="https://img.freepik.com/vector-gratis/restaurante-italiano-diseno-plano_23-2147560162.jpg"
              width="120"
              height="100"
              style="borderWidth='0'; borderColor='#000000'; borderRadius: 20"
              blurRadius="0"
              resizeMode="cover"
            />
          </link>
        </box>
      </listitem>
    </list>
  </body>
</screen>