hey i’m trying out the constraint layout in jetpac...

# compose

[Sheroz Nazhmudinov]

hey i’m trying out the constraint layout in jetpack compose.
Here are my gradle dependencies:

implementation "androidx.compose.ui:ui:$compose_version"
implementation "androidx.compose.material:material:$compose_version"
implementation "androidx.ui:ui-tooling:$compose_version"
implementation "androidx.compose.foundation:foundation:$compose_version"
implementation "androidx.compose.ui:ui:$compose_version"

And here’s the basic attempt on using ConstraintLayout:

@Composable
@Preview
fun PreviewGreeting() {
    ConstraintLayout(constraintSet = ConstraintSet {
        tag("someTag")
    }) {
        Greeting(greeting = "Hello world")
    }
}

I get the error thou saying unresolved reference tag. can smbd please tell me which dependency am I missing?

[romainguy]

Which version of Compose are you using?

[Sheroz Nazhmudinov]

1.0.0-alpha02

[romainguy]

The CL API has changed quite a bit since Developer Preview 2

[romainguy]

The API now looks like this:

[romainguy]

ConstraintLayout(modifier = Modifier.padding(12.dp).fillMaxWidth()) {
        val (decreaseRef, increaseRef, labelRef, colorRef, amountRef) = createRefs()

        SmallButton(
            modifier = Modifier.constrainAs(decreaseRef) {
                start.linkTo(parent.start)
                centerVerticallyTo(parent)
            },
            onClick = { decrease(product) }
        ) {
            Image(Icons.Sharp.Remove)
        }
        // ...
}

[Sheroz Nazhmudinov]

understood, thanks for the clarification.

[romainguy]

You don’t use tags anymore but createRef() and createRefs()

[nickbutcher]

For more info, check out https://developer.android.com/jetpack/compose/layout#contraintlayout & https://developer.android.com/codelabs/jetpack-compose-layouts#8

[Sheroz Nazhmudinov]

Thank you