Guys, I have a questions about colors. I created a splash screen composable which is a constraintlay...

# compose

[Grigoriev Dmitriy]

Guys, I have a questions about colors. I created a splash screen composable which is a constraintlayout with two Text() inside. Color of both of text components is setted to yellow. But when I get this screen on my app, both of them are blue. If I add backgroundColor to ConstraintLayout() it becomes also light blue. Anybody knows what is the problem? Maybe I need to add somewhere Surface()?

[alorma]

uhm, how are you adding the colors? do they come from MaterialTheme?

[Grigoriev Dmitriy]

no, directly from colors.xml

[Grigoriev Dmitriy]

it depends on it?

[Grigorii Yurkov]

Can you provide the code, please

[Grigoriev Dmitriy]

@Composable
fun SplashScreen(){

    ConstraintLayout(
        modifier = Modifier.fillMaxSize()
    ) {
        val (appLogoRef, authorSignatureRef) = createRefs()

        Text(
            color = Color(R.color.splash_text_color),
            text = "App logo",
            style = TextStyle(
                fontWeight = FontWeight.W900,
                fontSize = 32.sp
            ),
            modifier = Modifier.constrainAs(appLogoRef){
                linkTo(
                    top = <http://parent.top|parent.top>,
                    bottom = parent.bottom,
                    start = parent.start,
                    end = parent.end
                )
            }
        )

        Text(
            color = Color(R.color.splash_text_color),
            text = "by author",
            style = TextStyle(
                fontWeight = FontWeight.W900,
                fontSize = 16.sp
            ),
            modifier = Modifier.constrainAs(authorSignatureRef){
                bottom.linkTo(parent.bottom, 16.dp)
                end.linkTo(parent.end, 16.dp)
            }
        )
    }
}

[alorma]

uhm, not sure coor works like this

[alorma]

you must add colorResource

Color(colorResource(id = R.color.purple_200))

[Grigoriev Dmitriy]

Yeah, you are right! Thanks a lot.

[Grigorii Yurkov]

I think we need Android studio warning for this case

[alorma]

it would be great @Grigorii Yurkov

[Grigoriev Dmitriy]

Yes, definitely

[alorma]

btw, it would be better if you use MaterialTheme colors

[Grigoriev Dmitriy]

I will. It was just an example screen for learning how constraintLayout works in compose

[Grigorii Yurkov]

Do we even need to use color.xml in compose?

[alorma]

well, yes for the colors on the app ¯\_(ツ)_/¯

[Grigorii Yurkov]

But we have Colors.kt for this purpose

[alorma]

not for app things that are not on compose

[alorma]

is needed for app theme, etc

[Grigorii Yurkov]

Yes, this is exception. I didn't say "we don't need color.xml at all"

[mattinger]

You can create your own compose themes by the way. It’s not terribly difficult, now that they fixed the source code jars, if you look at MaterialTheme you can get an idea how to do it.

[mattinger]

A theme is really just a way of proving instances of Ambient values. A theme, in and of itself is a Composable function that just sets current ambient values.