Android Jetpack Compose 尝试对齐框内的文本

Question

我创建了一个框，并在其中创建了一个图像和文本。我将框的内容对齐设置为TopStart但问题是文本相对于图像没有正确对齐。水平方向可以，但垂直方向看起来有某种填充，但我尝试将填充设置为 0，但结果仍然相同。
即使在底部对齐它，它也会设置比图像更高的像素数

Box(contentAlignment = Alignment.TopStart,) {
    Image(painter = painterResource(id = R.drawable.ic_launcher_background), contentDescription = "",
        modifier = Modifier.size(125.dp),
        colorFilter = ColorFilter.tint(MaterialTheme.colors.onBackground)
    )

    Text(text = "4",
        color = MaterialTheme.colors.primary,
        fontSize = 44.sp,
        textAlign = TextAlign.Center
    )
}

Answer 1

您需要使用 .align()您的 Text 上的修饰符里面Box居中/定位它。例如Text(..., modifier = Modifier.align(Center), ..) .
或者，您可以让您的文本填满整个 Box (通过添加 .fillMaxSize() 到它)并使用 textAlign属性(property)。