শুরু করুন

এই পৃষ্ঠায় মৌলিক Grid লেআউটগুলো কীভাবে বাস্তবায়ন করতে হয় তা বর্ণনা করা হয়েছে।

প্রকল্পটি সেট আপ করুন

1. আপনার প্রোজেক্টের lib.versions.toml ফাইলে androidx.compose.foundation.layout লাইব্রেরিটি যোগ করুন।

   [versions]
   compose = "1.11.0-beta02"
   
   [libraries]
   androidx-compose-foundation-layout = { group = "androidx.compose.foundation", name = "foundation-layout", version.ref = "compose" }
   

2. আপনার অ্যাপের build.gradle.kts ফাইলে লাইব্রেরি ডিপেন্ডেন্সিটি যোগ করুন।

   dependencies {
       implementation(libs.androidx.compose.foundation.layout)
   }
   

একটি মৌলিক গ্রিড তৈরি করুন

নিম্নলিখিত উদাহরণটি একটি সাধারণ ২x৩ গ্রিড তৈরি করে, যেখানে কলাম এবং সারিগুলির আকার 100.dp ) নির্দিষ্ট।

Grid(
    config = {
        repeat(2) {
            column(100.dp)
        }
        repeat(3) {
            row(100.dp)
        }
    }
) {
    Card1(containerColor = PastelRed)
    Card2(containerColor = PastelGreen)
    Card3(containerColor = PastelBlue)
    Card4(containerColor = PastelPink)
    Card5(containerColor = PastelOrange)
    Card6(containerColor = PastelYellow)
}
DefineGrid.kt

আরও উন্নত গ্রিড কীভাবে প্রয়োগ করতে হয় তা জানতে, ‘কন্টেইনারের বৈশিষ্ট্য সেট করুন’ এবং ‘আইটেমের বৈশিষ্ট্য সেট করুন’ দেখুন।