MutableStateFlow not working with MutableList

Question

Here is my MutableStateFlow value I try to work with:

val songList: MutableStateFlow<MutableList<Song>> = MutableStateFlow(arrayListOf())

I need to observe changes (after methods like add, removeAt etc.) on my MutableList above but can't achieve that. My guess is since only the elements of the list change instead of the list itself, collect method doesn't get fired.

How can I achieve that using StateFlow if possible? If not, what is the correct way to do it?

Note that I need initial value of arrayListOf(), so LiveData probably won't be enough for me.

fr1550n · Answer 1 · 2022-11-18T16:56:50.110

2

In your view model:

val songList: MutableStateFlow<MutableList<Song>> = MutableStateFlow(emptyList()) // modified

fun add(song: Song) {
    songList.update {
        songList.value.toMutableList().apply { this.add(song) }
    }
}

in a composable:

val songs = yourViewModel.songList.collectAsStateWithLifecycle()

edited Nov 18 '22 at 16:56

answered Nov 18 '22 at 16:47

fr1550n

1,055
12
23

score 1 · Accepted Answer · answered Jan 29 '22 at 18:40

Helpful reading: Notify LiveData observers when nested properties change
What is the issue:
- StateFlow and LiveData won't get notified if the nested field gets changed.
- Ex 1: Update specific item of a List (not add/remove).
- Ex 2: Update specifc property of an object.

Solution:

Create helper extension function:

fun <T> List<T>.mapButReplace(targetItem: T, newItem: T) = map {
    if (it == targetItem) {
        newItem
    } else {
        it
    }
}

React on action (ex: click event):

 val newStudent = student.copy(isSelected = !student.isSelected)

 viewModel.updateStudents(student, newStudent)

Handle in ViewModel:

 fun updateStudents(currentStudent: Student, newStudent: Student) {
     val newList = _students.value.mapButReplace(currentStudent, newStudent)

     _students.value = newList
 }

Thank you for the answer. So, it turns out for me that there is no direct way when observing list items. — bugra, Jan 29 '22 at 19:11
@bugra Compose has fixed this problem: https://stackoverflow.com/a/67252955/3466808. — Sam Chen, Jan 30 '22 at 16:49

score 1 · Answer 3 · answered Sep 13 '22 at 16:54

For updating the MutableList inside the Stateflow, you have to map the item based on conditions like below, which I have accomplished, and it's performing nicely.

 _userList.value = _userList.value.map {
                if (it?.userName == updatedUser.userName) updatedUser
                else it
            }

Here _userList is a MutableStateFlow @Sam Sen's explanation assisted me a lot with my workaround solution.

MutableStateFlow not working with MutableList

3 Answers3

Linked