Skip to main content
196

Search Lumen

Find components, APIs, guides, and recipes.

GitHub
Android docs
Data displayAndroid

Media viewport

Inspect media with controlled bounded zoom, pan and fit.

Public APILumenMediaViewportAndroid / Compose

Native example

Use Media viewport

Applications own media loading, edits, selection, persistence and task lifetimes. Compose localized LumenButton move actions beside thumbnails. See the Studio media workspace guide for exact adapter contracts and supported Apple form factors.

Media viewport rendered in the Android phone emulator Lumen playground
Captured exampleAndroid phone emulator
kotlin
LumenMediaViewport("Inspect photo", value = viewport, onValueChange = { viewport = it }) { Image(painter = photo, contentDescription = "Photo") }

Reference

Public API

The primary shared and platform-specific options exposed by LumenMediaViewport.

APIValues or typeDefaultDescription
label / contentString / native contentRequiredNames the media surface and provides application-owned content.

Native behavior

Design and accessibility

When to use it

Applications own media loading, edits, selection, persistence and task lifetimes. Compose localized LumenButton move actions beside thumbnails. See the Studio media workspace guide for exact adapter contracts and supported Apple form factors.

Accessibility

Localized zoom and visible actions complement native gestures.

Shared component

Available on other platforms

React NativeApple / SwiftUI
Android docsCompose module