LayoutApple

List row

Compose a flexible native row with leading identity, content, and trailing actions.

Public APILumenListRowApple / SwiftUISwift product: LumenUI

Apple availability

Supported native targets

Import LumenUI in the target that uses this component. iPad support follows the iOS package baseline and uses native iPad layout behavior.

iPhone · iOS 16+iPad · iPadOS 16+Mac · macOS 13+Apple TV · tvOS 16+Apple Vision · visionOS 1+Apple Watch · watchOS 9+

Native example

Use List row

Use for repeated rows with a stable leading/content/trailing structure. Continue using native collection components for scrolling, selection, and navigation.

List row rendered in the iPhone simulator Lumen playground — Verified runtime captureiPhone simulator

LumenListRow {
    LumenAvatar(fallback: "SM")
} content: {
    LumenText("Santiago", variant: .label)
} trailing: {
    LumenBadge("Admin")
}

Reference

Public API

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

API	Values or type	Default	Description
leading	`@ViewBuilder () -> Leading`	`Required`	Provides identity or a leading visual.
content	`@ViewBuilder () -> Content`	`Required`	Provides the primary row content.
trailing	`@ViewBuilder () -> Trailing`	`EmptyView`	Provides status or compact actions.

Native behavior

Design and accessibility

When to use it

Use for repeated rows with a stable leading/content/trailing structure. Continue using native collection components for scrolling, selection, and navigation.

Accessibility

Leading identity, main content, and trailing actions remain contained while interactive descendants keep their own semantics.

Shared component

Available on other platforms

React Native Android / Compose