在使用JetPack组合添加新元素后如何调整大小？

Question

我写了下面的合成（如对话框）。当ViewState.ErrorCode！= 0时，显示了另一个可合转的。这一切都很好，但是当新的组合可见时，盒子的高度无法调整。这会导致“无形的溢出”，从而不再可见许多项目。有没有办法使盒子动态化，以便当新元素变得可见时会调整高度？

Box(modifier = Modifier
    .clip(RoundedCornerShape(4.dp))) {
    Column(
        modifier = Modifier
            .background(MaterialTheme.colors.onPrimary, MaterialTheme.shapes.large)
            .padding(12.dp)
    ) {
        Text(stringResource(R.string.verify_hint, user.email).parseBold(), fontSize = 18.textDp, fontFamily = SourceSans)

        if (viewState.errorCode != 0) {

            AlertMessage(message = stringResource(id = viewState.errorCode), color = errorColor, padding = PaddingValues(top = 12.dp))
        }

        TextField(
            value = code,
            onValueChange = { code = it },
            label = { Text(stringResource(R.string.verification_code)) },
            colors = TextFieldDefaults.textFieldColors(backgroundColor = textFieldColor),
            singleLine = true,
            keyboardOptions = KeyboardOptions(keyboardType = KeyboardType.Number),
            modifier = Modifier
                .fillMaxWidth()
                .padding(top = 12.dp, bottom = 12.dp)
        )

        NMButton(
            onClick = { viewModel.verify(user, code, verifyLogin, language = context.getLanguageBasedOnConfiguration()) },
            modifier = Modifier
                .fillMaxWidth()
                .padding(start = 0.dp, end = 0.dp),
            icon = R.drawable.ic_badge_check_solid,
            label = stringResource(R.string.verify)
        )
    }
    if (viewState.loading) {
        Loader()
    }
}

Answer 1

是的。
您可以在盒子修饰符上使用andaTecontentsize
然后，您声明一个动画pec，如下所示：

Box(modifier = Modifier
    .animateContentSize(
        animationSpec = tween(
            durationMillis = 300,
            easing = LinearOutSlowInEasing
        )
    ).clip(RoundedCornerShape(4.dp))
)

现在，如果出现警报，它将为盒子的大小而动画。
您还可以通过这种方法创建可扩展卡。

此视频也可能会为您提供帮助。