Cannot use list in lazycolumn in kotlin

Question

I am using LazyColumn in project. When I am passing the list it giving me error. Can someone guide me what is the error?

ResultScreen.kt

@Composable
fun ResultScreen(nearestResultList: List<NearestResult>?) {
    LazyColumn(
        Modifier
            .fillMaxSize()
            .background(getBackgroundColor())
    ) {
        items(nearestResultList) { nearestResult ->
            Text(text = "$nearestResult")
        }
    }
}

Error

Type mismatch.
Required:
Int
Found:
List<NearestResult>?

UPDATE

score 17 · Answer 1 · answered Mar 15 '23 at 06:02

17

The correct solution is to use this import:

import androidx.compose.foundation.lazy.items

The problem is that the items function that accepts a list is defined as an Extension function, so we need to import it to make it visible for use.

answered Mar 15 '23 at 06:02

Sarthak Mittal

5,794
2
24
44

Ma3x · Accepted Answer · 2022-07-21T21:25:31.947

7

You were seeing that error because your nearestResultList is nullable and among the various signatures/overloads of the items(...) function, the signature items(size: Int, ...) was chosen as the "closest match".

The only thing that you need to do, to be able to use any of the items(...) signatures is a null check

import androidx.compose.foundation.lazy.items // or auto-fix imports

if (nearestResultList != null) {
    LazyColumn {
        items(nearestResultList) {
            Text(text = it.event, color = Color.White)
        }        
    }
}

edited Jul 21 '22 at 21:25

answered Jul 21 '22 at 21:18

Ma3x

5,761
2
17
22

can you help me on this [issue](https://stackoverflow.com/q/73072904/11560810). Thanks – Kotlin Learner Jul 21 '22 at 21:36

score 2 · Answer 3 · answered Jul 21 '22 at 21:09

@Composable
fun ResultScreen(nearestResultList: List<NearestResult>?) {
    Column(
        Modifier
            .fillMaxSize()
            .background(getBackgroundColor())
    ) {
        LazyColumn {
            nearestResultList?.size?.let {
                items(it) { index ->
                    Text(text = nearestResultList[index].event, color = Color.White)
                }
            }
        }
    }
}

score 1 · Answer 4 · answered Apr 30 '23 at 15:29

1

For those, who may use the Paging library, add

import androidx.paging.compose.items

answered Apr 30 '23 at 15:29

Dmitriy Pavlukhin

401
5
15

score 0 · Answer 5 · answered Apr 30 '23 at 21:53

0

If you're seeing this issues a LazyHorizontalGrid, make sure you're importing:

import androidx.compose.foundation.lazy.grid.items

If you're seeing this issues a LazyRow, make sure you're importing:

import androidx.compose.foundation.lazy.items

answered Apr 30 '23 at 21:53

user1086279

101
1
4

score 0 · Answer 6 · answered Jul 03 '23 at 13:56

Updated solution

         LazyColumn {nearestResultList.isNotEmpty() -> {
                items(
                    count = nearestResultList.itemCount,
                    key = nearestResultList.itemKey(),
                    contentType = nearestResultList.itemContentType(
                    )
                ) { index ->
                    val item = nearestResultList[index]
                    if (item == null) {
                       //handle
                    } else {
                        Text(text = it.event, color = Color.White)
                    }
                }
            }}

Cannot use list in lazycolumn in kotlin

6 Answers6