النص في "إنشاء"
تنظيم صفحاتك في مجموعات
يمكنك حفظ المحتوى وتصنيفه حسب إعداداتك المفضّلة.
النص هو جزء أساسي من أي واجهة مستخدم، ويسهّل Jetpack Compose عرض النص أو كتابته. تستفيد أداة Compose من تكوين الوحدات الأساسية،
مما يعني أنك لست بحاجة إلى استبدال الخصائص والطرق أو توسيع الفئات الكبيرة للحصول على تصميم ومنطق محددَين يعملان بالطريقة التي تريدها.
يوفّر Compose كقاعدة البيانات BasicText
وBasicTextField
،
اللذين هما العمودان القاعديان لعرض النص والتعامل مع البيانات التي أدخلها المستخدم. على مستوى أعلى، يوفر Compose Text
وTextField
،
وهما مواد قابلة للتركيب وفقًا لإرشادات "التصميم المتعدد الأبعاد". ننصح باستخدامها لتناسب الشكل والمظهر المناسبَين لمستخدمي Android، وتتضمّن خيارات أخرى لتبسيط عملية تخصيصها بدون الحاجة إلى كتابة الكثير من الرموز.
عيّنات
أفلام مُقترَحة لك
يخضع كل من المحتوى وعيّنات التعليمات البرمجية في هذه الصفحة للتراخيص الموضحّة في ترخيص استخدام المحتوى. إنّ Java وOpenJDK هما علامتان تجاريتان مسجَّلتان لشركة Oracle و/أو الشركات التابعة لها.
تاريخ التعديل الأخير: 2025-07-26 (حسب التوقيت العالمي المتفَّق عليه)
[null,null,["تاريخ التعديل الأخير: 2025-07-26 (حسب التوقيت العالمي المتفَّق عليه)"],[],[],null,["# Text in Compose\n\nText is a central piece of any UI, and Jetpack Compose makes it easier to\ndisplay or write text. Compose leverages composition of its building blocks,\nmeaning you don't need to overwrite properties and methods or extend big classes\nto have a specific composable design and logic working the way you want.\n\nAs its base, Compose provides a [`BasicText`](/reference/kotlin/androidx/compose/foundation/text/package-summary#BasicText(androidx.compose.ui.text.AnnotatedString,androidx.compose.ui.Modifier,androidx.compose.ui.text.TextStyle,kotlin.Function1,androidx.compose.ui.text.style.TextOverflow,kotlin.Boolean,kotlin.Int,kotlin.Int,kotlin.collections.Map,androidx.compose.ui.graphics.ColorProducer))\nand [`BasicTextField`](/reference/kotlin/androidx/compose/foundation/text/package-summary#BasicTextField(androidx.compose.ui.text.input.TextFieldValue,kotlin.Function1,androidx.compose.ui.Modifier,kotlin.Boolean,kotlin.Boolean,androidx.compose.ui.text.TextStyle,androidx.compose.foundation.text.KeyboardOptions,androidx.compose.foundation.text.KeyboardActions,kotlin.Boolean,kotlin.Int,kotlin.Int,androidx.compose.ui.text.input.VisualTransformation,kotlin.Function1,androidx.compose.foundation.interaction.MutableInteractionSource,androidx.compose.ui.graphics.Brush,kotlin.Function1)),\nwhich are the barebones to display text and handle user input. At a higher\nlevel, Compose provides [`Text`](/reference/kotlin/androidx/compose/material/package-summary#Text(androidx.compose.ui.text.AnnotatedString,androidx.compose.ui.Modifier,androidx.compose.ui.graphics.Color,androidx.compose.ui.unit.TextUnit,androidx.compose.ui.text.font.FontStyle,androidx.compose.ui.text.font.FontWeight,androidx.compose.ui.text.font.FontFamily,androidx.compose.ui.unit.TextUnit,androidx.compose.ui.text.style.TextDecoration,androidx.compose.ui.text.style.TextAlign,androidx.compose.ui.unit.TextUnit,androidx.compose.ui.text.style.TextOverflow,kotlin.Boolean,kotlin.Int,kotlin.Int,kotlin.collections.Map,kotlin.Function1,androidx.compose.ui.text.TextStyle))\nand [`TextField`](/reference/kotlin/androidx/compose/material/package-summary#TextField(androidx.compose.ui.text.input.TextFieldValue,kotlin.Function1,androidx.compose.ui.Modifier,kotlin.Boolean,kotlin.Boolean,androidx.compose.ui.text.TextStyle,kotlin.Function0,kotlin.Function0,kotlin.Function0,kotlin.Function0,kotlin.Boolean,androidx.compose.ui.text.input.VisualTransformation,androidx.compose.foundation.text.KeyboardOptions,androidx.compose.foundation.text.KeyboardActions,kotlin.Boolean,kotlin.Int,kotlin.Int,androidx.compose.foundation.interaction.MutableInteractionSource,androidx.compose.ui.graphics.Shape,androidx.compose.material.TextFieldColors)),\nwhich are composables following Material Design guidelines. It's recommended to\nuse them as they have the right look and feel for users on Android, and includes\nother options to simplify their customization without having to write a lot of\ncode.\n\nSamples\n-------\n\nRecommended for you\n-------------------\n\n- Note: link text is displayed when JavaScript is off\n- [Display emoji](/develop/ui/compose/text/emoji)\n- [Custom design systems in Compose](/develop/ui/compose/designsystems/custom)\n- [Material Design 2 in Compose](/develop/ui/compose/designsystems/material)"]]