Jetpack Compose中常见的核心概念总结-2

Text(
    text = "Hello Nim",
    fontSize = 18.sp,
    fontWeight = FontWeight.Bold
)

Button(
    onClick = { /* TODO*/ },
    modifier = Modifier.padding(8.dp)
) {
    Text("Click Nim")
}

LazyColumn {
    items(100) { index ->
        Text("Item $index")
    }
}

LazyRow {
    items(50) { index ->
        Text("Item $index")
    }
}

if (showDialog) {
    AlertDialog(
        onDismissRequest = { /* TODO */ },
        confirmButton = {
            TextButton(onClick = { /* Confirm action */ }) {
                Text("Confirm")
            }
        },
        dismissButton = {
            TextButton(onClick = { /* Dismiss action */ }) {
                Text("Dismiss")
            }
        },
        title = { Text("Title") },
        text = { Text("This is an alert dialog") }
    )
}

var showDialog by remember { mutableStateOf(false) }
Button(onClick = { showDialog = true }) {
    Text("Show Dialog")
}

@Composable
fun CustomButton(
    text: String,
    onClick: () -> Unit
) {
    Button(onClick = onClick) {
        Text(text)
    }
}

CustomButton("Click Nim") {
    // Define action
}

ConstraintLayout(
    modifier = Modifier.fillMaxSize()
) {
    val (button, text) = createRefs()
    Button(
        onClick = { /* Do something */ },
        modifier = Modifier.constrainAs(button) {
            start.linkTo(parent.start)
            end.linkTo(parent.end)
            top.linkTo(parent.top, margin = 16.dp)
        }
    ) {
        Text("Button")
    }
    Text(
        "This is a constrained text",
        modifier = Modifier.constrainAs(text) {
            top.linkTo(button.bottom, margin = 16.dp)
            start.linkTo(parent.start)
            end.linkTo(parent.end)
        }
    )
}