image

El componente image se utiliza para mostrar imágenes dentro de la aplicación.

Props

`uri`

URL de la imagen

`style`

backgroundColor
borderBottomLeftRadius
borderBottomRightRadius
borderColor
borderRadius
borderTopLeftRadius
borderTopRightRadius
borderWidth
opacity

`resizeMode`:

enum(‘cover’, ‘contain’, ‘stretch’, ‘repeat’, ‘center’)

width

El ancho de la imagen

height

El alto de la imagen

blurRadius

El blur que le aplicaremos a la imagen

Example

<screen>
  <meta>
    <header>Image Example</header>
  </meta>
  <box>
    <image
      uri="https://http2.mlstatic.com/D_NQ_NP_665877-MLA74913737478_032024-O.webp"
      width="100"
      height="100"
      style="borderWidth:'0'; borderColor:'#000000'; borderRadius: 20"
      blurRadius="0"
      resizeMode="cover"
    />
  </box>
</screen>