ImagePreview

You can use ImagePreview to open a full screen modal with a zoomable image.

API

Props

• source: string: Defines source image URL
• width: number: Defines image width
• height: number: Defines image height

Note

Width and Height must be defined, otherwise ImagePreview will not render.

Style names

ImagePreview has no specific style names.

Examples

JSX declaration

<Screen>
  <NavigationBar
    title="Preview"
    styleName="inline"
  />
  <ImagePreview
    source={{ uri: 'https://shoutem.github.io/static/getting-started/restaurant-1.jpg' }}
    width={375}
    height={375}
  />
</Screen>