ttolbel UI

Component

Image viewer

A full-screen, swipeable photo viewer with drag-down-to-dismiss, horizontal swipe navigation, and paged dot indicators over a frosted backdrop.

Standalone

image viewer.tsx
<NativeImageViewer images={images} open={open} onClose={() => setOpen(false)} />

Example

Tapping an attached photo opens it full-screen, with any other images in the set reachable by swipe.

image-viewer-example.tsx
<NativeImageViewer images={item.photos} open={open} onClose={() => setOpen(false)} />

Capabilities

PropTypeDescription
imagesrequiredstring[]-
initialIndexnumber-
openrequiredboolean-
onCloserequired() => void-
altsstring[]Alt text per image