Jetpack Compose Recomposition 每次状态改变

Question

这是我的问题；

当我在我的屏幕中添加 MyText 可组合项时，我看到了所有日志（值 1、值 2、值 3），这意味着它正在重构我的代码的每一部分。
然而，当我评论 MyText 行时，我在 Logcat

我该如何解决这个问题？我知道这不是一个大问题，但想象一下我们这里有一个可滚动的列，我们正试图将 ScrollState.value 传递给我的文本组件。由于这种情况，我们的列表变得如此滞后。

class MainActivity : ComponentActivity() {
    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        setContent {
             Screen()
        }
    }
}

@Composable
fun Screen(){
    var counter by remember {
        mutableStateOf(0)
    }
    Log.i("RECOMPOSE","VALUE1")
    Column() {
        Text(text = "Just a text")
        Log.i("RECOMPOSE","VALUE2")
        Button(onClick = { counter = counter.plus(1) }) {
            Text(text = counter.toString())
            Log.i("RECOMPOSE","VALUE3")
        }
        MyText(counter)
    }
}
@Composable
fun MyText(counter:Int){
    Text(text = counter.toString())
}

编辑可滚动列存在主要问题；

@Composable
fun Screen(){
    val scrollState = rememberScrollState()
    Box() {
        Column(modifier = Modifier
            .verticalScroll(scrollState)
            .padding(top = 50.dp)) {
            //Some Static Column Elements with images etc.
        }
        MyText(scrollStateValue = scrollState.value) //Doing some UI staff in this component
    }
}
@Composable
fun MyText(scrollStateValue:Int){
    Text(text = scrollStateValue.toString())
}

Answer 1

这种行为完全在意料之中。

Compose 正在尝试尽可能减少重组次数。当你注释掉 MyText 时，唯一依赖 counter 的视图是 Button 内容，因此这是唯一需要重新组合的视图。

按照同样的逻辑，你不应该多次看到 VALUE1 日志，但这里的区别是 Column 是 inline 函数，所以如果它的内容需要重组 - 它与包含的视图一起重组。

利用这些知识，您可以轻松地防止视图被重组：您需要将不依赖于状态的部分移动到一个单独的可组合项中。它使用 scrollState 的事实不会使其重组，只有读取状态值才会触发重组。

@Composable
fun Screen(){
    val scrollState = rememberScrollState()
    Box() {
        YourColumn(scrollState)
        MyText(scrollStateValue = scrollState.value) //Doing some UI staff in this component
    }
}

@Composable
fun YourColumn(scrollState: ScrollState){
    Column(modifier = Modifier
        .verticalScroll(scrollState)
        .padding(top = 50.dp)) {
        //Some Static Column Elements with images etc.
    }
}

Jetpack Compose Recomposition 每次状态改变

Jetpack Compose Recomposition every state changes

android

android-studio

android-jetpack-compose

android-jetpack-compose-list