{% setvar book_path %}/reference/androidx/_book.yaml{% endsetvar %} {% include "_shared/_reference-head-tags.html" %}

InlineTextContent

public final class InlineTextContent


A data class that stores a composable to be inserted into the text layout.

Different from a regular composable, a Placeholder is also needed for text layout to reserve space. In this placeholder, the size of the content and how it will be aligned within the text line is defined. When the children composable is measured, its size given in Placeholder.width and Placeholder.height will be converted into androidx.compose.ui.unit.Constraints and passed through androidx.compose.ui.layout.Layout.

import androidx.compose.foundation.background
import androidx.compose.foundation.layout.Box
import androidx.compose.foundation.layout.fillMaxSize
import androidx.compose.foundation.text.BasicText
import androidx.compose.foundation.text.InlineTextContent
import androidx.compose.foundation.text.appendInlineContent
import androidx.compose.ui.Modifier
import androidx.compose.ui.graphics.Color
import androidx.compose.ui.text.Placeholder
import androidx.compose.ui.text.PlaceholderVerticalAlign
import androidx.compose.ui.text.buildAnnotatedString
import androidx.compose.ui.unit.em

val myId = "inlineContent"
val text = buildAnnotatedString {
    append("Hello")
    // Append a placeholder string "[myBox]" and attach an annotation "inlineContent" on it.
    appendInlineContent(myId, "[myBox]")
}

val inlineContent = mapOf(
    Pair(
        // This tells the [BasicText] to replace the placeholder string "[myBox]" by
        // the composable given in the [InlineTextContent] object.
        myId,
        InlineTextContent(
            // Placeholder tells text layout the expected size and vertical alignment of
            // children composable.
            Placeholder(
                width = 0.5.em,
                height = 0.5.em,
                placeholderVerticalAlign = PlaceholderVerticalAlign.AboveBaseline
            )
        ) {
            // This [Box] will fill maximum size, which is specified by the [Placeholder]
            // above. Notice the width and height in [Placeholder] are specified in TextUnit,
            // and are converted into pixel by text layout.
            Box(modifier = Modifier.fillMaxSize().background(color = Color.Red))
        }
    )
)

BasicText(text = text, inlineContent = inlineContent)
See also
BasicText
Placeholder

Summary

Public constructors

InlineTextContent(
    @NonNull Placeholder placeholder,
    @Composable @NonNull Function1<@NonNull StringUnit> children
)

Public methods

final @Composable @NonNull Function1<@NonNull StringUnit>

The composable to be inserted into the text layout.

final @NonNull Placeholder

The setting object that defines the size and vertical alignment of this composable in the text line.

Public constructors

InlineTextContent

public InlineTextContent(
    @NonNull Placeholder placeholder,
    @Composable @NonNull Function1<@NonNull StringUnit> children
)

Public methods

getChildren

public final @Composable @NonNull Function1<@NonNull StringUnitgetChildren()

The composable to be inserted into the text layout. The string parameter passed to it will the alternateText given to appendInlineContent.

getPlaceholder

public final @NonNull Placeholder getPlaceholder()

The setting object that defines the size and vertical alignment of this composable in the text line. This is different from the measure of Layout

See also
Placeholder