Почему мой экран Jetpack Compose меняет композицию каждый раз, когда я нажимаю кнопку? ⇐ Android

[Anonymous]

Сейчас я работаю над экраном Jetpack Compose в своем приложении для Android и заметил, что каждый раз, когда я нажимаю кнопку, весь экран как будто перестраивается. Такое поведение вызывает некоторые проблемы с производительностью, и мне интересно, почему это происходит и как я могу его оптимизировать.
Почему мой экран Jetpack Compose перестраивается каждый раз, когда я нажимаю кнопку?< /p>
Вот упрощенная версия моего кода:

Код: Выделить всё

class MainActivity : ComponentActivity() {
private lateinit var viewModel: MainViewModel
override fun onCreate(savedInstanceState: Bundle?) {
super.onCreate(savedInstanceState)
val appContainer = (application as MyApplication).appContainer
viewModel = MainViewModel(appContainer.repository)
setContent {
MyRetrofitApplicationTheme {
val uiState =
viewModel.uiState.collectAsState()

LaunchedEffect(Unit) {
viewModel.fetchPost()
}
// A surface container using the 'background' color from the theme
Surface(
modifier = Modifier.fillMaxSize(),
color = MaterialTheme.colorScheme.background
) {
uiState.value.posts?.let { MyList(it) }
Column {
Text(text = "My Title")
MyButton(uiState.value,viewModel::updateTitle)
}
}
}
}
}
}
@Composable
fun MyList(posts: List
){

LazyColumn {
itemsIndexed(posts) { _, item ->
Text(text = item.body)
}
}
}

@Composable
fun MyButton(uiState: UiState,onclick: ()->(Unit)){
MyTitle(uiState)
Button(
interactionSource = NoRippleInteractionSource(),
modifier = Modifier
.size(100.dp)
.background(Color.Blue),
onClick = onclick
) {

Text("click here")
}
}
class NoRippleInteractionSource : MutableInteractionSource {
override val interactions: Flow = emptyFlow()
override suspend fun emit(interaction: Interaction) {}
override fun tryEmit(interaction: Interaction) = true
}
@Composable
fun MyTitle(uiState: UiState) {
Text(text = uiState.counter.toString(), modifier = Modifier.size(100.dp))
}

Код: Выделить всё

class MainViewModel(private val repository: PostRepository) : ViewModel() {
private val _uiState = MutableStateFlow(UiState(null))
val uiState = _uiState.asStateFlow()
var job1 : Job? =null
fun fetchPost() {
job1 = viewModelScope.launch {
print("call api!!!!")
delay(2000)
when (val result = repository.getPosts()) {
is Resource.Error -> {
_uiState.update {
it.copy(counter = -1)
}
}
is Resource.Success -> _uiState.update {
it.copy(posts = result.data)
}
}
}
}

fun updateTitle(){
_uiState.update {
var mcounter = it.counter
mcounter ++
it.copy(counter = mcounter)
}
}
}

Я пытался копировать только значение счетчика при обновлении состояния пользовательского интерфейса, но мой LazyList и Button перестраиваются каждый раз, когда я нажимаю кнопку «обновить заголовок». Любые идеи или предложения будут с благодарностью приняты. Заранее спасибо!
введите здесь описание изображения

Подробнее здесь: https://stackoverflow.com/questions/784 ... n-a-button