android - Jetpack compose 中的可组合中心

Question

旧版本的 Jetpack 组成 dev-0.x曾经有一个 Center可组合以使小部件居中。
然而，在 alpha版本它已被删除，并且没有特定的可组合来处理此任务。
就我而言，我想在中心显示一个进度指示器，直到获取数据:

Surface(color = MaterialTheme.colors.background) {
    val state = viewModel.userState
    if (state == null) {
        CircularProgressIndicator()
    } else {
        UserDigest(state = state)
    }
}

结果显然是这样的:

指示器在拐角处。

添加 fillMaxSize()对指标也无济于事:

CircularProgressIndicator(modifier = Modifier.fillMaxSize())

那么，如何将它(通常是 composable )移动到区域的中心？

Answer 1

使用容器。
例如:

Box(
   contentAlignment = Alignment.Center,
   modifier = Modifier.fillMaxSize() 
) {
    CircularProgressIndicator()
}

或者:

Column(
        modifier = Modifier.fillMaxSize(),
        verticalArrangement = Arrangement.Center,
        horizontalAlignment = Alignment.CenterHorizontally
) {
    CircularProgressIndicator()
}