app/src/main/java/com/devshish/advancedjetpackcompose/constraintlayout/ConstraintLayoutWithConstraints.kt - master - ursa/AdvancedJetpackCompose

app/src/main/java/com/devshish/advancedjetpackcompose/constraintlayout/ConstraintLayoutWithConstraints.kt

59 строк2 KB

ursa

add project

03 мар 2025, 11:36

03 мар 2025, 11:3684c8a15

package com.devshish.advancedjetpackcompose.constraintlayout

import androidx.compose.foundation.background
import androidx.compose.foundation.layout.*
import androidx.compose.material3.Text
import androidx.compose.runtime.Composable
import androidx.compose.ui.Modifier
import androidx.compose.ui.graphics.Color
import androidx.compose.ui.unit.dp
import androidx.constraintlayout.compose.ConstraintLayout

@Composable
fun ConstraintLayoutWithConstraints(modifier: Modifier = Modifier) {
    ConstraintLayout(
        modifier = modifier
            .fillMaxSize()
            .padding(16.dp)
    ) {
        // Создаем ссылки на элементы, которые будут использоваться в constraints
        val (text1, text2, text3) = createRefs()

        // Первый текст
        Text(
            text = "Text 1",
            modifier = Modifier
                .constrainAs(text1) {
                    top.linkTo(parent.top)
                    start.linkTo(parent.start)
                }
                .background(Color.LightGray)
                .padding(8.dp)
        )

        // Второй текст
        Text(
            text = "Text 2",
            modifier = Modifier
                .constrainAs(text2) {
                    top.linkTo(text1.bottom, margin = 16.dp)
                    start.linkTo(parent.start)
                    end.linkTo(parent.end)
                }
                .background(Color.LightGray)
                .padding(8.dp)
        )

        // Третий текст
        Text(
            text = "Text 3",
            modifier = Modifier
                .constrainAs(text3) {
                    top.linkTo(text2.bottom, margin = 16.dp)
                    end.linkTo(parent.end)
                }
                .background(Color.LightGray)
                .padding(8.dp)
        )
    }
}