Clean Theming in Compose (You're Doing It Wrong!) 

Hey Philip. It would be cool if you can a video series going through some open source git projects and explaining the project structure. How the data flow works and all that stuff

This is so cool. I've never known about this customization before until I found this video. Keep on it!

This is very useful for novices in Compose like me! Thanks Philipp~😘

This is excellent, now I will make such LoacalCompositions for many other values also. Thanks Philipp

If you found things in this video a bit off, in particular, the explanation for the default, I think that might be because some of the explanation were wrong (imho): 1. @6:26 Once you have this: val LocalSpacing = compositionLocalOf( defaultFactory = { Spacing() //Notice this line here. We define a default value for the LocalSpacing. } ) You don't necessarily need the lines: // CompositionLocalProvider( // LocalSpacing provides Spacing() // ) { // // } The last lines enable you to update the value for LocalSpacing or to set it in case one was not set already, but, in this video we already set a default value when we define the CompositionLocal. 2. @9:54 The 2nd explanation as to why not to use LocalComposition - I think he got the documentation wrong. In the documentation when they say that you better have a default value, I think what they mean is this: val LocalSpacing = compositionLocalOf( defaultFactory = { Spacing() /*Notice this line here. We define a default value for the LocalSpacing. Better have some value here, as opposed to throw an exception. */ } ) If you don't have a value here, you need to throw an exception in the default factory. Then, whenever some composable calls LocalSpacing.current, developer needs to make sure that some upper composable does indeed set the value for LocalSpacing via "CompositionLocalProvider(LocalSpacing provides x) { ... }". From the documentation: "... Not providing a default value can cause problems and frustration when creating tests or previewing a composable that uses that CompositionLocal will always require it to be explicitly provided."

Super great video as well . I really love such way to provide my themes

Boom! Another great lesson. Thanks, Philipp!

Yeah!! I learned a lot from this video!!

Its amazing and very useful, thank you very much

Brother as usual you are creative and distinctive 💯

Thanks a lot! Great tip.

Your content is always special and unique 👍👍👍👍👍👍👍👍👍👍👍👍👍👍

👉👉Good Morning sir I am from India and whenever I see your video I inspire and wants to become Like you and thanks you are not less than celebrity for us . keep doing ill always support .👈👈

Wow! Composition Locals = Redux in React and React Native. Thanks a lot bro. 😁 😁 Your videos are awesome. I am watching your videos 24/7 Keep it up. 👍

Very cool video thank you bro

Thx for the tips

Hey Philip, Great tutorial as usual I want to add my custom colors and I also want them change in dark mode. How can I achieve that? here you showed spacing which doesn't requires modifications in light/dark mode. thanks in advance! :)

Hi @Phillipp great content !, you have initialized Spacing two times, 1st in local composition and 2nd time in values of CompositionLocalProvider, You will have two different instances. isnt this a bug?

Hi philipp, can you enable subtitle/cc for this video? sorry for my bad english!

Awesome 🚀

Super Cool 👏

how do you test for composables properties like background color and style?

so cool 😍

Bro can you tell me how to extend the scaffold body above and below because it is covering only some part its not covering navigation buttons and also notification bar in OS

This is amazing video. So I want you to make video with work manager and android key chain if you could. thank you.

Thank U

9:15 What about a multi module app? Will creating a MaterialTheme file for each module be a good solution?

Amazing how similar it is to react context

00:05:13 ... the same approach applies to tablet and foldables?

How can we use a linear gradient color In theme

Is it bad practice to include the top-level Surface inside the ComposeCustomThemingTheme()? It isn't clear or consistent when to use a top level Surface. MainActivity frequently includes this, but not always. Also in Compose previews you need to wrap your call with ComposeCustomThemingTheme { } but not normally use a Surface() {} too.

@7:09. I would like to variations within a theme, for example Button Large, Button Small, Button Expressibve etc. Can you create sub-themes? Also what about custom values that could be used within the context of a more complex composable? Lets say you have a composable built from a textview, a background and a button. Can you match elements with the themes? For example lets say you have a spacer that's between a text and a button; and it could be narrow, wide or huge, and you want to create one style for each. That would mean you would want to have one style, or one base theme and multiple child themes. Can you set something in the theme like textButtonSpacing and then apply it in the composable, while setting in the themes?

why don't directly use these values from data class like: Spacing().medium ?

how much do you lift at gym?

In XML, we put our own custom named colors in both light and night colors.xml file with the same color name. And we call that color from code. Light and Dark colors are automatically handled. How can we achieve that in compose? I only see predefined color sets like.. primary, onPrimary etc. but how can we add our own.. myOwnColor and define two values for light and dark theme? Do we always need to call isSystemInDarkTheme and assign two different colors from every composable?

❤️❤️

do you have higher level course about compose in clean architecture.

I just wonder why Spacing is not a part of Material Design concept yet

*U look like Henry Cevil* 😬

I am not sure of why this is an advantage over just providing the values as constants. Spacing is just values that don't change, unlike colours which can be themed. You don't theme spacing.

Second

It is brilliant tips but I don't think different Spacing class for tablet is a good solution. I will come out with my idea that is inherit your video.

why not just create static values? you didn't explained anything

Somehow I hoped that he would do 69.dp for extraLarge...

why in compose doesn't have Margin? 🫤