victorbrndls

val infiniteWidthConstraints = constraints.copy(maxWidth = Int.MAX_VALUE)
var mainText =  subcompose(MarqueeLayers.MainText) {
    createText(Modifier)
}.first().measure(infiniteWidthConstraints)

victorbrndls

LaunchedEffect(textLayoutInfoState.value) {
    // textLayoutInfoState is only calculated if the text overflows
    // its parent, if it doesn't, there's no need for the animation
    val textLayoutInfo = textLayoutInfoState.value ?: return@LaunchedEffect
    if (textLayoutInfo.textWidth <= textLayoutInfo.containerWidth) return@LaunchedEffect

    // 7500 * 200 / 100 = 15s -- 2x container width
    // 7500 * 500 / 250 = 15s -- 2x container width
    // 7500 * 300 / 100 = 22.5s -- 3x container width
    // 7500 * 110 / 100 = 8.25s -- 1.1x container width

victorbrndls

var offset by remember { mutableStateOf(0) }
val textLayoutInfoState = remember { mutableStateOf<TextLayoutInfo?>(null) }

victorbrndls

val createText = @Composable { localModifier: Modifier ->
    Text(
        text = text,
        textAlign = textAlign,
        modifier = localModifier,
        color = color,
        fontSize = fontSize,
        fontStyle = fontStyle,
        fontWeight = fontWeight,
        fontFamily = fontFamily,

victorbrndls

fun MarqueeText(
    text: String,
    modifier: Modifier = Modifier,
    gradientEdgeColor: Color = Color.White,
    color: Color = Color.Unspecified,
    fontSize: TextUnit = TextUnit.Unspecified,
    fontStyle: FontStyle? = null,
    fontWeight: FontWeight? = null,
    fontFamily: FontFamily? = null,
    letterSpacing: TextUnit = TextUnit.Unspecified,

victorbrndls

Box(modifier = modifier.width(boxWidth)) {
    // this is the background that moves to hightlight what's currently selected
    Box( 
        modifier = Modifier
            .offset(x = selectionOffsetX)
            .width(selectionWidth)
            .height(buttonHeight)
            .background(Purple20, selectionShape)
    )

victorbrndls

val selectionOffsetX by animateDpAsState(
    targetValue = if (selected == CategoryType.EXPENSE) halfBoxWidth else 0.dp,
)
val selectionWidth by animateDpAsState(
    targetValue = if (selected == null) boxWidth else halfBoxWidth,
)
val leftCornerRadius by animateDpAsState(
    targetValue = when (selected) {
        CategoryType.EXPENSE -> 0.dp
        else -> 4.dp

victorbrndls

val verticalScroll = rememberScrollState()
val horizontalScroll = rememberScrollState()

Row(
    modifier = Modifier.horizontalScroll(horizontalScroll)
) {
    ... // Oct/22, Sep/22, ...
}

Column(

victorbrndls

class SemiOvalShape : Shape by GenericShape(builder = { size, _ ->
    lineTo(size.width, 0f)
    relativeLineTo(0f, size.height * 0.8f)
    cubicTo(
        x1 = size.width * .7f,
        y1 = size.height,
        x2 = size.width * .3f,
        y2 = size.height,
        x3 = 0f,
        y3 = size.height * 0.8f

victorbrndls

@Composable
private fun HomeHeader(
    ...
) {
    Box {
        val density = LocalDensity.current
        // How big the curved section of the box is
        val backgroundBottomPadding = 96.dp
        // How much spacing you have between the content inside your box and the content placed below it
        val bottomSpacer = 16.dp