IssueTracker

I recently put together a demo which centered text in our TitleCard - it should work to provide just the title field if that matches your requirements better (note that I needed to use Modifier.fillMaxWidth() on Text to fill the space):

TitleCard(
   onClick = { /* Do something */ },
   title = {
     Text("Wed, May 8", textAlign = TextAlign.Center, 
       style = MaterialTheme.typography.titleLarge, modifier = Modifier.fillMaxWidth() )
   },
   subtitle = {
       Text("5:30-6PM at Central Station Restaurant", textAlign = TextAlign.Center)
   },
   shape = RoundedCornerShape(percent = 50),
   content = { Text("Dinner with my agent", textAlign = TextAlign.Center) }
)

Perhaps this is around expectations of Card, which is a basic component and doesn't apply any formatting or layout (AppCard and TitleCard are built on top of it) - this was the case for Material 2.5 as well. The change in aosp/3103263 to set the minimum height to 64dp was a UX design choice (otherwise, the Card would resemble a Button with min height 52dp).

We could add the ContainerMinHeight token value into the API if there is a need for it, please will you share your code to demonstrate the issue?

The problem is not HorizontalCentering it's vertical.

Even:

 TitleCard({}, title = {Text( "ABCD", textAlign = TextAlign.Center,
                    style = MaterialTheme.typography.titleLarge, modifier = Modifier.fillMaxWidth() )})

Will have the text at the top and a ton of space below the text. If the content does not fit vertically it should be centered, else it looks ugly IMO.

The problem about the tokens is always the same it's all private and we can't use to tweak the design by reusing them.

In this case I can't get the minHeight so can't fake it. If I want to build my own component I can't access the corner value that was changed recently, and so my copy of the component is no more up to date.

The basic card being a basic reusable block, we should be able to center content if needed.

Since the API publicly expose the content as a ColumnScope.() then the API is explicit that it's a column and so maybe just expose the Column verticalArrangement/horizontalAlignment to give users proper controls?

Looking again at this, I don't think the height is actually needed in order to vertically center the content of Card:

            Card(
                onClick = {},
            ) {
                Column(
                    modifier = Modifier.fillMaxHeight(), verticalArrangement = Arrangement.Center
                ) {
                    Text(
                        "ABCD",
                        textAlign = TextAlign.Center,
                        style = MaterialTheme.typography.titleLarge,
                        modifier = Modifier.fillMaxWidth()
                    )
                }
            }

see attachment.

However - we have included Button height as ButtonDefaults.height and it makes sense to be consistent for Card, so we will add it to CardDefaults as well.

Unless it was fixed or updated in M3 cards you can't use fillmaxheight in a container with intrinsic min size and the reason of the first post. So I guess that if it now works the card was changed and this is fixed.

The following release(s) address this bug.It is possible this bug has only been partially addressed:

• androidx.wear.compose:compose-material3:1.0.0-alpha26