Jetpack Compose：为什么最初加载的数据在屏幕旋转后重新加载

Question

最小的可重现示例，因此屏幕旋转后显示的随机值发生了变化：

package composesandbox

import android.os.Bundle
import androidx.activity.ComponentActivity
import androidx.activity.compose.setContent
import androidx.compose.foundation.layout.Column
import androidx.compose.material.Text
import androidx.compose.runtime.Composable
import androidx.compose.runtime.LaunchedEffect
import androidx.compose.runtime.mutableStateOf
import androidx.lifecycle.ViewModel
import androidx.lifecycle.viewModelScope
import androidx.lifecycle.viewmodel.compose.viewModel
import kotlinx.coroutines.delay
import kotlinx.coroutines.launch
import java.util.*

val rnd = Random()

suspend fun loadRandomNumber(): Int {
    delay(1000L) //emulating network delay
    return rnd.nextInt(1000)
}

class RandomNumberViewModel : ViewModel() {
    val num = mutableStateOf(0)

    fun reload() {
        viewModelScope.launch {
            num.value = loadRandomNumber()
        }
    }
}

@Composable
fun RandomNumberScreen() {
    val vm = viewModel<RandomNumberViewModel>()

    Column {
        LaunchedEffect(Unit) {
            vm.reload()
        }
        Text(text = "Random Number:\n ${vm.num.value}")
    }
}

class MainActivity : ComponentActivity() {

    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)

        setContent {
            RandomNumberScreen()
        }
    }
}

我希望数据（viewmodel.num）只加载ONCE，尽管屏幕旋转。请解释一下，为什么数据会在轮换时重新加载。

Answer 1

在屏幕旋转上onCreate 再次被调用。

这意味着 Activity 中的所有内容都被重构了。

在重新组合时，您的 Composed 函数 RandomNumberScreen() 被再次调用，这将再次调用您的 reload() 函数，这会更改 num 的值。

请记住，在重组时，整个 Composable 会再次执行以使状态保持最新。

您的意图可能是，每次num 发生变化时，Composable 都应该重新组合。您不应该在 recompose 时触发再次更改 num 的函数。

您可以在视图模型中使用变量之类的东西来确保 num 已初始化并且在初始化时不会更改。在执行reload之前检查变量是true还是false。

if (!isInitialized) reload() 类似这样的东西。

Answer 2

这是因为您在 LaunchedEffect 中调用 reload 方法，该方法在第一次合成时执行。当你旋转屏幕时，整个屏幕都会被破坏。所有的 Composable 都会重新渲染自己，因此会产生不一致的值。

好的，你可以这样做

class RandomNumberViewModel : ViewModel() {
    val num = mutableStateOf(0)

    fun reload(): Int { //return something so that it can be saved
        viewModelScope.launch {
            num.value = loadRandomNumber()
        }
        return 0
    }
}

@Composable
fun RandomNumberScreen() {
    val vm = viewModel<RandomNumberViewModel>()

    Column {
        rememberSaveable {
            vm.reload()
        }
        Text(text = "Random Number:\n ${vm.num.value}")
    }
}

class MainActivity : ComponentActivity() {

    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)

        setContent {
            RandomNumberScreen()
        }
    }
}