Q: Isn't there a simple way to have a `ScalingLazyColumn` with a `TimeText` as the first item, so i...

# compose-wear

[bod]

Q: Isn't there a simple way to have a ScalingLazyColumn with a TimeText as the first item, so it scrolls with the rest of the contents? (Like the system settings).

The samples I can find seem to make it fade away in complicated ways 🙂

And if I naively put a TimeText as the first item in my list, it takes the whole screen height 🤔

untitled.webmuntitled2.webm

[Kseniia Shumelchyk]

It’s not in the Compose for Wear OS library itself, but we have an extension in Horologist: https://github.com/google/horologist/tree/main/compose-layout
Look for Fade away modifier (https://google.github.io/horologist/compose-layout/#fade-away-modifier)

[bod]

Thanks! I saw it but do you know if I can use it without WearNavScaffold?

[bod]

I'll have a try

[John Nichol]

There is a fade away modifier - https://github.com/google/horologist/blob/main/compose-layout/src/main/java/com/google/android/horologist/compose/layout/fadeAway.kt

[John Nichol]

and sample with just Wear Compose Scaffold - https://github.com/google/horologist/blob/main/sample/src/main/java/com/google/android/horologist/sample/FadeAwayScreen.kt

[bod]

Perfect! Thanks a lot 🙏

untitled3.webm

[Kseniia Shumelchyk]

Np! Question on the UX - have you considered merging together ‘Theaters’ label and ‘+’ button to optimize space a bit? It can be a Chip (as a first item) or just Action button if on previous screen you already say ‘Theaters’ (so there is no ambiguity). Alternatively you can keep title on top but move add button to the bottom.

[bod]

Hmm good idea, thanks! I'll experiment a bit 😊