面试题：Kotlin中Jetpack Compose的基础组件使用

创建简单按钮并添加点击事件

在Kotlin的Jetpack Compose中，可以通过以下方式创建一个简单按钮并添加点击事件：

import androidx.compose.foundation.layout.fillMaxWidth
import androidx.compose.material.Button
import androidx.compose.material.Text
import androidx.compose.runtime.Composable
import androidx.compose.ui.Modifier

@Composable
fun SimpleButton() {
    Button(
        onClick = { /* 在此处添加按钮点击后的逻辑 */ },
        modifier = Modifier.fillMaxWidth()
    ) {
        Text(text = "点击我")
    }
}

在上述代码中，Button 组件接收一个 onClick 参数，它是一个 () -> Unit 类型的函数，当按钮被点击时会执行这个函数。modifier 用于设置按钮的修饰符，这里使用 fillMaxWidth 让按钮占满父容器的宽度。Button 组件的内容通过其代码块定义，这里是一个显示 “点击我” 文本的 Text 组件。

Compose中状态管理的基本方式 - 使用mutableStateOf

在Compose中，状态管理通常使用 mutableStateOf。例如，假设我们想要在按钮点击时改变一个文本的显示内容：

import androidx.compose.foundation.layout.fillMaxWidth
import androidx.compose.material.Button
import androidx.compose.material.Text
import androidx.compose.runtime.*

@Composable
fun StatefulButton() {
    var text by remember { mutableStateOf("初始文本") }

    Button(
        onClick = {
            text = "按钮被点击了"
        },
        modifier = Modifier.fillMaxWidth()
    ) {
        Text(text = text)
    }
}

在这个例子中，通过 mutableStateOf 创建了一个可变状态 text，其初始值为 "初始文本"。remember 函数用于记住这个状态，使得在Compose重新组合时状态不会丢失。当按钮被点击时，text 的值被更新，由于Compose会自动检测状态变化并重新组合受影响的UI部分，所以按钮上显示的文本会相应改变。mutableStateOf 是Compose中管理简单可变状态的常用方式，它提供了一种响应式的状态管理机制，让UI能够随着状态的变化而自动更新。

星途面试题库

面试题：Kotlin中Jetpack Compose的基础组件使用

知识考点

面试题答案

创建简单按钮并添加点击事件

Compose中状态管理的基本方式 - 使用mutableStateOf