安卓软件开发:Jetpack Compose中常见的核心概念总结-5

CircularProgressIndicator(
    modifier = Modifier.size(50.dp)
)

LinearProgressIndicator(
    progress = 0.5f,
    modifier = Modifier.fillMaxWidth()
)

var currentScreen by remember { mutableStateOf("Screen1") }

Crossfade(targetState = currentScreen) { screen ->
    when (screen) {
        "Screen1" -> Text("This is NimScreen 1")
        "Screen2" -> Text("This is NimScreen 2")
    }
}

MaterialTheme(
    colors = darkColors(),
    typography = Typography(
        body1 = TextStyle(color = Color.White)
    )
) {
    Text("Hello, Nim!", style = MaterialTheme.typography.body1)
}

Surface(
    color = Color.Gray,
    shape = RoundedCornerShape(8.dp)
) {
    Text("Styled Surface", modifier = Modifier.padding(16.dp))
}

Image(
    painter = painterResource(id = R.drawable.sample_image),
    contentDescription = "Nim Image",
    modifier = Modifier.size(100.dp)
)

Image(
    painter = rememberImagePainter("https://example.com/nim.jpg"),
    contentDescription = "Network Image",
    modifier = Modifier.size(100.dp)
)

var text by remember { mutableStateOf("") }
var isValid by remember { mutableStateOf(true) }

TextField(
    value = text,
    onValueChange = {
        text = it
        isValid = it.length > 5
    },
    label = { Text("Enter text") },
    isError = !isValid
)

OutlinedTextField(
    value = text,
    onValueChange = { text = it },
    label = { Text("Outlined Input") }
)