在 Box scope 内时不能使用隐式或显式接收器

Question

我正在学习基于 Jetpack Compose 的 Jetbrains 的“Compose Multiplatform”。

一些信息

• Kotlin：1.5.31
• 智能：2021.3.1

所以在构建下面的代码时，我得到了错误：

fun Modifier.align(alignment: Alignment.Horizontal): Modifier' can't be called in this context by implicit receiver. Use the explicit one if necessary

此错误显示在此行：

Icon(Icons.Filled.Close, "", Modifier.align(Alignment.CenterHorizontally))

我尝试将完整的 package 添加到像androidx.compose.ui.Modifier.align()这样的Modifier中，但它仍然对接收器出错。 如果它不在Row 、 Column或Box布局内，则此错误会消失。 我还没有尝试过很多其他人，看看他们是否也有问题。 这个框架仍然是 alpha 我相信所以我只是想确保在 github 上发布问题之前我没有遗漏任何东西，因为我找不到其他人引用这个问题。

复制：

1. 创建新项目（撰写多平台应用程序）
2. 用下面的代码替换 App.kt (common -> src -> commonMain -> kotlin)

import androidx.compose.foundation.layout.Box
import androidx.compose.foundation.layout.padding
import androidx.compose.material.*
import androidx.compose.material.icons.Icons
import androidx.compose.material.icons.filled.Close
import androidx.compose.material.icons.filled.Menu
import androidx.compose.runtime.*
import androidx.compose.ui.Alignment
import androidx.compose.ui.Modifier
import androidx.compose.ui.text.font.FontWeight
import androidx.compose.ui.unit.dp

@Composable
fun App() {

    Scaffold(
        topBar = {
            TopAppBar {
                IconButton(onClick = {}) {
                    Icon(Icons.Filled.Menu, contentDescription = "")
                }
            }
        },
        drawerContent = {
            Box(modifier = Modifier.padding(8.dp), contentAlignment = Alignment.Center) {
                Text("Some Text", fontWeight = FontWeight.Bold)
                Icon(Icons.Filled.Close, "", Modifier.align(Alignment.CenterHorizontally))
            }

            Divider()
        }
    ) { }
}

Answer 1

Modifier.align 更像是 FrameLayout 中子视图的layout_gravity 。 它取决于外层（在组合中，您有 Box、Row、Column）。

Alignment.CenterHorizontally不能在 BoxScope 中使用。

查看Modifier.align ，它有三个定义：

• androidx.compose.foundation.layout.BoxScope#align(alignment: Alignment)
• androidx.compose.foundation.layout.ColumnScope#align（对齐：Alignment.Horizontal）
• androidx.compose.foundation.layout.RowScope#align（对齐：Alignment.Vertical）

见参数， CenterHorizo ntally 是androidx.compose.ui.Alignment.Horizontal 。在 BoxScope 中你只能使用androidx.compose.ui.Alignment ：

• TopStart
• 顶部中心
• 高端
• 中心开始
• 中心
• 中心端
• 底部开始
• 底部中心
• 底端

这是一个修改器游乐场。 https://github.com/c5inco/Compose-Modifiers-Playground