Composable Function

RemoteTitleCard

Opinionated Wear Material 3 RemoteCard that offers a specific layout to show interactive information about an application, e.g.

RemoteTitleCardSample

@Sampled
@Composable
@WearPreviewDevices
@PreviewWrapper(RemoteComponentPreviewWrapper::class)
fun RemoteTitleCardSample() {
    RemoteTitleCard(
        onClick = Action.Empty,
        title = { RemoteText("Title Card Title".rs) },
        time = { RemoteText("now".rs) },
        modifier = RemoteModifier.padding(16.rdp),
        subtitle = { RemoteText("Card Subtitle here".rs) },
    ) {
        RemoteText("This is a sample Title Card.".rs)
    }
}

RemoteTitleCardWithImageSample

@Sampled
@Composable
@WearPreviewDevices
@PreviewWrapper(RemoteComponentPreviewWrapper::class)
fun RemoteTitleCardWithImageSample() {
    val backgroundImage =
        rememberNamedRemoteImageBitmap(name = "backgroundImage") {
            createImage(200, 200).asImageBitmap()
        }
    val containerPainter = RemoteCardDefaults.containerPainter(backgroundImage)
    RemoteTitleCard(
        onClick = Action.Empty,
        containerPainter = containerPainter,
        title = { RemoteText("Title Card".rs) },
        time = { RemoteText("now".rs) },
        modifier = RemoteModifier.padding(16.rdp),
        subtitle = { RemoteText("Card Subtitle".rs) },
    ) {
        RemoteText("Card with background image.".rs)
    }
}

Content updated: