Как да внедрим и управляваме потоци от данни с Flow в Jetpack Compose?

В Jetpack Compose често се използва Kotlin Flow за управление на потоци от данни, който позволява асинхронно получаване и обработка на данни.

Основният начин за интегриране на Flow в Compose е използването на функцията collectAsState(), която събира стойностите от Flow и ги преобразува в State, улеснявайки реактивното обновяване на UI.

Пример:

@Composable
fun UserScreen(viewModel: UserViewModel) {
    val userState by viewModel.userFlow.collectAsState(initial = User())

    Text(text = "Здравей, ${userState.name}")
}

class UserViewModel : ViewModel() {
    private val _userFlow = MutableStateFlow(User())
    val userFlow: StateFlow<User> = _userFlow

    // Обновяване на данни
    fun updateUser(newUser: User) {
        _userFlow.value = newUser
    }
}

По този начин, Compose автоматично се абонира за актуализациите на Flow и прерисува UI при промяна на данните. За по-сложни случаи може да се използва LaunchedEffect и collect вътре в Composable.