Compose性能优化

// 使用remember缓存计算结果
val expensiveValue = remember {
    calculateExpensiveValue()
}
 
// 使用rememberSaveable在配置更改时保持状态
var counter by rememberSaveable { mutableStateOf(0) }

LazyColumn {
    items(items = items, key = { item -> item.id }) { item ->
        ItemRow(item = item)
    }
}

// 不好的做法
@Composable
fun BadExample() {
    var counter by remember { mutableStateOf(0) }
    Column {
        Text("Counter: $counter")
        ExpensiveComposable() // 每次counter改变都会重组
    }
}
 
// 好的做法
@Composable
fun GoodExample() {
    var counter by remember { mutableStateOf(0) }
    Column {
        Text("Counter: $counter")
        key(Unit) { // 使用key避免不必要的重组
            ExpensiveComposable()
        }
    }
}

val items = remember { mutableStateListOf<Item>() }
val sortedItems = remember(items) {
    derivedStateOf { items.sortedBy { it.priority } }
}

LaunchedEffect(key1) {
    // 在这里执行副作用
    // 当key1改变时，会取消之前的协程并重新启动
}

// 不好的做法
@Composable
fun BadExample() {
    val padding = PaddingValues(16.dp) // 每次重组都创建新对象
    Box(modifier = Modifier.padding(padding))
}
 
// 好的做法
@Composable
fun GoodExample() {
    val padding = remember { PaddingValues(16.dp) }
    Box(modifier = Modifier.padding(padding))
}

ConstraintLayout {
    val (image, title, description) = createRefs()
    
    Image(
        modifier = Modifier.constrainAs(image) {
            top.linkTo(parent.top)
            start.linkTo(parent.start)
        }
    )
}

var showContent by remember { mutableStateOf(false) }
 
LazyColumn {
    items(1000) { index ->
        key(index) {
            if (isVisible(index)) {
                ItemContent(index)
            }
        }
    }
}

android {
    buildFeatures {
        compose true
    }
    composeOptions {
        kotlinCompilerExtensionVersion "1.4.0"
    }
}

compose.runtime.trace {
    // 需要追踪的代码
}