Search code examples
androidandroid-themeandroid-jetpack-compose

How to reference theme attributes in Jetpack Compose?


So in the current andriod development, if we need to reference to a color set in the theme, we could simply do: (in layout xml)

....
    <TextView
        ...
        android:textColor="?attr/colorPrimary"
        .../>
....

If I set a color blue in the theme. I will get that color in the textview above.

I was wondering how I could do the same in Jetpack Compose. In Compose, we do,

MaterialTheme(...) {
    Column {
        Text(
            ...
            textStyle = TextStyle(color = ????) // How to I reference to the theme?
        )
    }
}

Solution

  • You can use something like:

    Text(text = "....",
         style = TextStyle(color = MaterialTheme.colors.primary))