Composable Function

RemoteCard

Base level Wear Material 3 RemoteCard that offers a single slot to take any content.

RemoteCardSample

@Sampled
@Composable
@WearPreviewDevices
@PreviewWrapper(RemoteComponentPreviewWrapper::class)
fun RemoteCardSample() {
    RemoteCard(onClick = RemoteAction.Empty, modifier = RemoteModifier.padding(16.rdp)) {
        RemoteText("This is a basic card".rs)
    }
}

RemoteCardWithImageSample

@Sampled
@Composable
@WearPreviewDevices
@PreviewWrapper(RemoteComponentPreviewWrapper::class)
fun RemoteCardWithImageSample() {
    val backgroundImage = remember {
        createNamedRemoteImageBitmap(name = "backgroundImage") {
            createImage(200, 200).asImageBitmap()
        }
    }
    val containerPainter = RemoteCardDefaults.containerPainter(backgroundImage)
    RemoteCard(
        onClick = RemoteAction.Empty,
        containerPainter = containerPainter,
        modifier = RemoteModifier.padding(16.rdp),
    ) {
        RemoteText("Card with image".rs)
    }
}
Jetpack Compose beyond MaterialFree components, screens and templates for apps that don’t look like Google’s. Copy them into your app, or let your coding agent add them.Browse for free

Content updated: