如何在可组合屏幕下正确放置按钮？

Question

如何在AnimatedScreen下放置一个按钮？ 目前，该按钮是隐藏的，不可见。 不应该按顺序排列 column 中的元素，还是AnimatedScreen中的参数fillMaxSize的问题？

Surface {
    Column(
        modifier = Modifier.fillMaxSize(),
        verticalArrangement = Arrangement.spacedBy(10.dp),
        horizontalAlignment = Alignment.CenterHorizontally
    ) {
        AnimatedScreen(Modifier, rawId = R.raw.onboarding)
        Button(onClick = onContinueClicked) {
            Text(stringResource(R.string.continue_text))
        }
    }
}

这是我的 AnimatedScreen 的代码：

@Composable
fun AnimatedScreen(
    modifier: Modifier = Modifier,
    rawId: Int
) {
    Box(
        contentAlignment = Alignment.Center,
        modifier = modifier.fillMaxSize()
    ) {
        val compositionResult: LottieCompositionResult = rememberLottieComposition(
            spec = LottieCompositionSpec.RawRes(rawId)
        )
        ScreenAnimation(compositionResult = compositionResult)
    }
}

@Composable
fun ScreenAnimation(compositionResult: LottieCompositionResult) {

    val progress by animateLottieCompositionAsState(composition = compositionResult.value)

    LottieAnimation(
        composition = compositionResult.value,
        progress = progress,
        modifier = Modifier.fillMaxSize(),
        contentScale = ContentScale.FillBounds
    )
}

Answer 1

将weight修改器添加到AnimatedScreen组合：

    Column(
       //..
    ) {
        AnimatedScreen(Modifier.weight(1f, false))
        Button(onClick = {  }) { }
    }