Avatar ·

كيفية محاذاة محتوى Column في المنتصف في Jetpack Compose؟

مرحبًا! لقد بدأت للتو في تعلم Jetpack Compose وواجهت مهمة تبدو بسيطة: أحتاج إلى وضع عدة عناصر داخل Column في منتصف الشاشة، لكنني لا أستطيع تحقيق ذلك.

هذا هو الكود الخاص بي:

@Composable
fun MyScreen() {
    Column(
        modifier = Modifier.fillMaxSize()
    ) {
        Text("مرحبًا، أيها العالم!")
        Button(onClick = { }) {
            Text("اضغط علي")
        }
        Text("النص السفلي")
    }
}

كل شيء ملتصق بالزاوية العلوية اليسرى. جربت معدّلات مختلفة: Modifier.align(Alignment.CenterHorizontally) على كل عنصر — يعمل هذا فقط أفقيًا، لكن عموديًا لا يزالون في الأعلى. حاولت إضافة Modifier.weight(1f) — أصبح الأمر أسوأ، تمددت العناصر. جربت verticalArrangement مع Arrangement.Center — أيضًا لم يعطِ التأثير المطلوب.

أرجو إرشادي كيف يمكنني جعل العمود بأكمله يظهر في المنتصف.