Skip to content

Jetpack Compose

声明式 UI

Compose 使用 Kotlin 声明 UI,取代传统 XML 布局。

kotlin
@Composable
fun Greeting(name: String) {
    Text(text = "Hello, $name!")
}

状态管理

kotlin
@Composable
fun Counter() {
    var count by remember { mutableStateOf(0) }
    Button(onClick = { count++ }) {
        Text("点击次数: $count")
    }
}

布局

  • Column — 垂直排列
  • Row — 水平排列
  • Box — 叠加布局
  • LazyColumn — 可滚动列表

基于 VitePress 构建