mazzouzi

val titleXFirstInterpolatedPoint = lerp(
    titlePaddingStart,
    (titlePaddingEnd - titleExtraStartPadding) * 5 / 4,
    collapseFraction
)

val titleXSecondInterpolatedPoint = lerp(
    (titlePaddingEnd - titleExtraStartPadding) * 5 / 4,
    titlePaddingEnd - titleExtraStartPadding,
    collapseFraction

mazzouzi

val titleExtraStartPadding = titleWidthPx.toDp() * (1 - scaleXY.value) / 2

mazzouzi

.
.
    Text(
        text = "New York",
        fontSize = 30.sp,
        fontWeight = FontWeight.Bold,
        modifier = Modifier
            .graphicsLayer {
                val collapseRange: Float = (headerHeightPx - toolbarHeightPx)
                val collapseFraction: Float = (scroll.value / collapseRange).coerceIn(0f, 1f)

mazzouzi

private const val titleFontScaleStart = 1f
private const val titleFontScaleEnd = 0.66f
@Composable
private fun Title(scroll: ScrollState, headerHeightPx: Float, toolbarHeightPx: Float) {
    val collapseRange: Float = (headerHeightPx - toolbarHeightPx)
    val collapseFraction: Float = (scroll.value / collapseRange).coerceIn(0f, 1f)

    val scaleXY = lerp(
        titleFontScaleStart.dp,
        titleFontScaleEnd.dp,

mazzouzi

.
.
    Text(
        text = "New York",
        fontSize = 30.sp,
        fontWeight = FontWeight.Bold,
        modifier = Modifier
            .graphicsLayer {
                translationY = titleY.toPx()
                translationX = titleX.toPx()

mazzouzi

val titleX = lerp(
    titleXFirstInterpolatedPoint,
    titleXSecondInterpolatedPoint,
    collapseFraction
)

mazzouzi

val titleXSecondInterpolatedPoint = lerp(
    titlePaddingEnd * 5 / 4,
    titlePaddingEnd,
    collapseFraction
)

mazzouzi

val titleXFirstInterpolatedPoint = lerp(
    titlePaddingStart,
    titlePaddingEnd * 5 / 4,
    collapseFraction
)

mazzouzi

val titleY = lerp(
    titleYFirstInterpolatedPoint,
    titleYSecondInterpolatedPoint,
    collapseFraction
)

mazzouzi

val titleYSecondInterpolatedPoint = lerp(
    headerHeight / 2,
    toolbarHeight / 2 - titleHeightDp / 2,
    collapseFraction
)