Hi guys is there going to be a way to style the Titles on MediumAppBar ? I want to style them differ...

# compose

[Pedro Alberto]

Hi guys is there going to be a way to style the Titles on MediumAppBar ?
I want to style them differently

[Pedro Alberto]

at least you could expose TwoRowsTopAppBar so we could use it directly

[Stylianos Gakis]

While I don’t have strong opinions regarding if this would fit this API or not. I can just say to fix your issue now, you should just wrap your title composable with a

ProvideTextStyle(value = yourTextStyle) {}

since that’s all it does under the hood anyway.

[Pedro Alberto]

but how do you style them diferently?

[Pedro Alberto]

this bar has 2 titles I want to style them diferently

[sindrenm]

Actually, how do you provide the two titles? It only has a single title slot.

[Pedro Alberto]

that's ok it's a composable but the styles I can't access them

[sindrenm]

But then inside of the title: @Composable () -> Unit, can't you provide different styles directly?

[Stylianos Gakis]

The top bar is only for icons and the navigation item though, not for two different texts

https://developer.android.com/images/reference/androidx/compose/material3/medium-top-app-bar.png▾

[Pedro Alberto]

but then is style for boths

[Pedro Alberto]

I want to have style when it bar is minimized

[Pedro Alberto]

and one when is expanded

[Pedro Alberto]

that's what this 2 parameters are for

[Pedro Alberto]

titleTextStyle = MaterialTheme.typography.fromToken(TopAppBarMediumTokens.HeadlineFont),
smallTitleTextStyle = MaterialTheme.typography.fromToken(TopAppBarSmallTokens.HeadlineFont),

[sindrenm]

Ahh, gotcha, that's what you mean with “two titles”. Sorry, I thought you mean like a title and a subttle in a column or something.

[Pedro Alberto]

That would be ok

[sindrenm]

Yeah, this seems trickier. I guess the boring answer is “material is opinionated”, but it would be nice if TwoRowsTopAppBar perhaps could be exposed, yeah.

[Pedro Alberto]

I mean if you look to the implementation is the MediumTopAppbar is just delegating

[Pedro Alberto]

but hiding the access

[sindrenm]

Is there a way for you to listen to the state (expanded or “collapsed”) and change the style based on that?

[Stylianos Gakis]

Yeah what Sindre is saying regarding opinionated decisions. I doubt they want you to have two different styles for the two different states of the top app bar.
You can always copy the source of TwoRowsAppBar yourself into your own project.
It’s probably private due to its API likely to change and/or they don’t want to make the API surface harder to deal with.

[Pedro Alberto]

I think so but.... WHYYYYY

[Pedro Alberto]

Life is hard sometimes 🙂

[Pedro Alberto]

guess I need to listen to states and then do it myself

[Stylianos Gakis]

I’d personally just take the source of TwoRowsTopAppBar and paste it in my project. And make a FR to see what the ui team thinks regarding exposing this directly somehow

[Pedro Alberto]

it's more complicated then that. The code is blocked so you will end up copying alot of code

TopAppBarLayout(

is also private for example

[Stylianos Gakis]

Ah of course, that can happen too.
I’ve successfully copy pasted other times I’ve had similar issues, but it’s not always a solution unfortunately

[Pedro Alberto]

I think here is too much code and you will end up copy pasting and mataining it too

[Pedro Alberto]

so for my personal view is if any Googler can help to expose them or make some of them public

[Pedro Alberto]

like the TwoRowsTopAppBar

[Stylianos Gakis]

Yeap, don’t do it in this case, seek alternatives first then. And make sure to make an issue and link it back here so that we can +1 it to see what they will think of the idea.

[Pedro Alberto]

I never opened an issue 😞

[Pedro Alberto]

can you help

[Pedro Alberto]

or you know where ?

[Stylianos Gakis]

Yes here is where you can do that
https://issuetracker.google.com/issues/new?component=742043&template=1590761
And you can pick the correct component, this time I’m linking you directly to Material, but for some other bug you may want to target a different component instead

[Pedro Alberto]

do you know if there is a way to know if the appbar is cloapsed?

[Stylianos Gakis]

No I am afraid I don’t. I haven’t used M3 yet.

[sindrenm]

I guess you'd have to check with the scroll behaviour thingy.

[Pedro Alberto]

https://issuetracker.google.com/issues/259026081

[Pedro Alberto]

done issue created

[Pedro Alberto]

Do you guys know if there is a way to override the Material properties ?

[Pedro Alberto]

I have a custom Theme

[Pedro Alberto]

but for this case maybe we could use somehow a way to override this Properties ?