Jetpack Compose: TextAlign (по центру по вертикали) SpanStyle

Как реализовать Gravity.CENTER_VERTICAL при использовании SpanStyle?

Не используйте другие компонуемые контейнеры, такие как Box, Row и т. д.

val spanString = buildAnnotatedString {
    withStyle(
        SpanStyle(
            color = Color(0xFF333333),
            fontSize = 32.sp
        )
    ) {
        append("Jetpack")
    }
    withStyle(
        SpanStyle(
            color = Color(0xFF999999),
            fontSize = 14.sp,
            fontWeight = FontWeight.Bold
        )
    ) {
        append(" Compose")
    }
}
Text(
    modifier = Modifier.background(color = Color.White),
    text = spanString
)

Сейчас:
Jetpack Compose: TextAlign (по центру по вертикали) SpanStyle

Ожидайте:
Jetpack Compose: TextAlign (по центру по вертикали) SpanStyle

android android-jetpack-compose

13.10.2022 11:22

Коллекции (ArrayList , HashSet , HashMap)

Перейти к ответу Данный вопрос помечен как решенный

Ответы 1

Ответ принят как подходящий

Добавьте это ко второму SpanStyle

 baselineShift = BaselineShift.Superscript

Модифицированный код

 val spanString = buildAnnotatedString {
        withStyle(
            SpanStyle(
                color = Color(0xFF333333),
                fontSize = 32.sp
            )
        ) {
            append("Jetpack")
        }
        withStyle(
            SpanStyle(
                baselineShift = BaselineShift.Superscript, // added line
                color = Color(0xFF999999),
                fontSize = 14.sp,
                fontWeight = FontWeight.Bold
            )
        ) {
            append(" Compose")
        }
    }
    Text(
        modifier = Modifier.background(color = Color.White),
        text = spanString,
        textAlign = TextAlign.Center
    )

13.10.2022 11:26

Другие вопросы по теме

Составление `Icons.Outlined.Star` не обведено

Неожиданный альфа-цвет текста в теме Jetpack Compose Material Theme

Как получить stringResource, если не в составной функции

Пункт назначения навигации, соответствующий запросу NavDeepLinkRequest {...}, не может быть найден в графе навигации NavGraph

Как установить половину расширенной высоты для нижнего листа, используя BottomSheetScaffold в компоновке?

Как анимировать выравнивание по центру в Jetpack Compose?

Как я могу добиться пульсации, волны или загрузки радара, как показано ниже, в компоновке реактивного ранца

Jetpack Compose wrapContentHeight/heightIn добавляет дополнительное пространство вокруг кнопок

Вертикальное центрирование содержимого BottomSheet независимо от его состояния [полностью развернуто или наполовину расширено]

Как добавить фоновое изображение к объекту Card в Android Jetpack Compose?

Jetpack Compose: TextAlign (по центру по вертикали) SpanStyle

Ответы 1

Другие вопросы по теме

Похожие вопросы