I’m just starting with Jetpack Compose and have created a layout using XML’s ConstraintLayout. I’m trying to convert this layout to Jetpack Compose, but I’m unsure about the equivalent methods for layout_constraintHorizontal_bias
, layout_constraintHorizontal_chainStyle
, and layout_constrainedWidth
in Jetpack Compose.
Here is the complete XML code that I’m working with:
<androidx.constraintlayout.widget.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="wrap_content"
xmlns:app="http://schemas.android.com/apk/res-auto">
</androidx.constraintlayout.widget.ConstraintLayout>`
`ConstraintLayout(modifier = Modifier.fillMaxWidth()) {
val (text, image) = createRefs()
Text(
text = inputText,
modifier = Modifier
.constrainAs(text) {
top.linkTo(parent.top)
start.linkTo(parent.start)
end.linkTo(image.start)
}
.fillMaxWidth()
)
Image(
painter = painterResource(id = R.drawable.ic_information_grey),
contentDescription = null,
modifier = Modifier
.size(14.dp)
.constrainAs(image) {
top.linkTo(text.top)
bottom.linkTo(text.bottom)
end.linkTo(parent.end)
start.linkTo(text.end)
}
)
}`