Ինչպես ստեղծել RecyclerView Jetpack Compose-ում?

Jetpack Compose-да կա՛մ RecyclerView չկա հին ձևով։ Ցանկերի ցուցադրման համար օգտագործվում են LazyColumn (ուղղահայաց ցանկերի համար) և LazyRow (հորիզոնական ցանկերի համար): Նրանք ապահովում են նման արդյունավետություն՝ կրկնակի օգտագործելով տարրերը:

Օրինակ LazyColumn-ի օգտագործման համար՝

import androidx.compose.foundation.lazy.LazyColumn
import androidx.compose.foundation.lazy.items
import androidx.compose.material.Text
import androidx.compose.runtime.Composable

@Composable
fun SimpleList(itemsList: List<String>) {
    LazyColumn {
        items(itemsList) { item ->
            Text(text = item)
        }
    }
}

Վերլուծություն՝

• LazyColumn: Կոմպոզիցիայով ֆունկցիա, որը ցուցադրում է տարրերը ուղղահայաց ցանկում, ստեղծելով դրանք անհրաժեշտության դեպքում:
• items(itemsList) { item -> ... }: LazyListScope-ի ընդլայնում, որը թույլ է տալիս անցնել տվյալների ցանկով (itemsList) և յուրաքանչյուր տարր (item) համար կանչել տրամադրված Composable լամբդա բլոկը։ Այս բլոկում սահմանվում է, թե ինչպես պետք է տեսք ունենա յուրաքանչյուր ցանկի տարր:
• Text(text = item): Պարզ երեխաներային կոմպոնենտ, որը ցուցադրում է ընթացիկ տարրի տեքստը:

Հիմնական առանձնահատկությունները՝

• Արդյունավետություն: Տարրերը ստեղծվում և կոմպոզիցիա են դրվում միայն այն ժամանակ, երբ դառնում են տեսանելի էկրանին կամ մոտ են եզրին։ Սա նվազեցնում է հիշողության սպառումը և բարելավում է կատարողականությունը մեծ ցանկերի համար:
• Հեշտություն: Պարզ API՝ համեմատած RecyclerView-ի, որը չի պահանջում ադապտեր, ViewHolder և կյանքի ցիկլի կառավարման։
• Կոմպոզիցիայի առաջին: Լավագույն ինտեգրում է մյուս Compose-ների հետ:

Կարող եք օգտագործել itemsIndexed՝ յուրաքանչյուր տարրի ինդեքսին հասնելու համար՝

import androidx.compose.foundation.lazy.LazyColumn
import androidx.compose.foundation.lazy.itemsIndexed
import androidx.compose.material.Text
import androidx.compose.runtime.Composable

@Composable
fun IndexedList(itemsList: List<String>) {
    LazyColumn {
        itemsIndexed(itemsList) { index, item ->
            Text(text = "Item at index $index: $item")
        }
    }
}

Ավելին՝՝

Կարող եք օգտագործել տարբեր տեսակի ներկայացումներ՝items կամ item-ի վերաշարադրությամբ՝

import androidx.compose.foundation.lazy.LazyColumn
import androidx.compose.foundation.lazy.items
import androidx.compose.material.Text
import androidx.compose.runtime.Composable

sealed class ListItem {
    data class TextItem(val content: String) : ListItem()
    data class ImageItem(val url: String) : ListItem()
}

@Composable
fun MixedList(itemsList: List<ListItem>) {
    LazyColumn {
        items(itemsList) { item ->
            when (item) {
                is ListItem.TextItem -> Text(text = item.content)
                is ListItem.ImageItem -> {
                    // Այստեղ կարող եք ցուցադրել նկարը՝ օրինակ Image ֆունկցիայի միջոցով
                    Text(text = "Image: ${item.url}") // Զգուշացում
                }
            }
        }
    }
}