لیست‌ها با LazyColumn

وقتی آیتم زیاد شد، Column عادی کم میاره؛ LazyColumn مثل وانت باریه، سنگین‌کار.

درس 5 از 12

نمایش لیست

LazyColumn فقط آیتم‌هایی را می‌سازد که لازم است دیده شوند. برای لیست پیام‌ها، محصولات، مقاله‌ها و هر چیزی که تعدادش زیاد است، باید سراغ همین بروی.

لیست ساده

@Composable
fun NamesList() {
    val names = listOf("علی", "سارا", "مهدی")

    LazyColumn {
        items(names) { name ->
            Text(
                text = "سلام $name",
                modifier = Modifier.padding(12.dp)
            )
        }
    }
}

خروجی یا نتیجه اجرا

سه ردیف نمایش داده می‌شود: سلام علی، سلام سارا، سلام مهدی.

نکته کاربردی: لیست‌ها ستون فقرات اپ‌های واقعی هستند. اگر LazyColumn را درست بفهمی، ساخت feed و لیست سفارش و سرچ خیلی راحت‌تر می‌شود.

نتیجه این درس 🎯

LazyColumn را یاد گرفتی؛ حالا باید بین صفحه‌ها حرکت کنیم. یعنی Navigation.

تمرین! 🧠

یک لیست از سه نام شهر بساز و هرکدام را داخل Text نمایش بده.

جواب تمرین

@Composable
fun CityList() {
    val cities = listOf("مشهد", "تهران", "شیراز")
    LazyColumn {
        items(cities) { city ->
            Text(city, modifier = Modifier.padding(12.dp))
        }
    }
}

خروجی جواب

مشهد، تهران و شیراز به صورت سه ردیف جدا نمایش داده می‌شوند.