📐 چیدمان دقیق در «Jetpack Compose» بدون «Spacer» و «Divider» کامل نیست!
این دو ابزار ساده، فاصله‌گذاری و خط جداکننده رو حرفه‌ای می‌کنن.
بی‌نیاز از «View»های اضافه، فقط با «Composable»های آماده، طرح رو مرتب کن.

🌀 «Spacer»: یک فضای خالی و انعطاف‌پذیر برای جدا کردن المان‌ها
🌀 «Divider»: خطی باریک برای تفکیک بخش‌های مختلف صفحه

مثال واقعی: لیست تنظیمات که بین هر آیتم خط جداکننده داره و بین دو بخش اصلی فاصله ایجاد کردیم.

کد ساده اما کاربردی:

@Composable
fun SettingsScreen() {
    Column(
        modifier = Modifier.padding(16.dp)
    ) {
        Text("تنظیمات حساب", style = MaterialTheme.typography.h6)
        Spacer(modifier = Modifier.height(12.dp)) // فاصله عمودی
        Text("اطلاعات شخصی")
        Divider(
            modifier = Modifier.padding(vertical = 8.dp),
            thickness = 1.dp,
            color = MaterialTheme.colorScheme.outline
        )
        Text("حریم خصوصی")
    }
}

توضیح:
- «Spacer» با ارتفاع ۱۲dp دو متن رو از هم جدا کرده.
- «Divider» با ضخامت ۱dp و رنگ outline، بخش‌ها رو به‌طور ظریف جدا می‌کنه.

🎯 یاد بگیر که چیدمان رو با کمترین کد، حرفه‌ای‌تر کنی.

#Codeit #Android #Kotlin #Jetpack #JetpackCompose #ComposeUI #UIDesign
🌐 Codeit → https://code-it.ir

━━━━━━━━━━━━━━━
@CodeitMobile