调用@Composable函数的函数必须使用@Composable注释进行标记

Question

以下是我在生成代码时遇到此错误的代码

调用@Composable函数的函数必须使用@Composable注释进行标记

@Composable调用只能在@Composable函数的上下文中发生

@Composable调用只能在@Composable函数的上下文中发生

在处显示错误

@Composable
public fun MessageCard(msg: Message) {
    Text(text = msg.author)
    Text(text = msg.body)
}

完整代码

class LayoutList : ComponentActivity() {
    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)

        setContent {
            MessageCard(Message("Android", "Jetpack Compose"))
        }
    }
}


@Composable
public fun MessageCard(msg: Message) {
    Text(text = msg.author)
    Text(text = msg.body)
}


@Preview
@Composable
fun PreviewMessageCard() {
    MessageCard(
        msg = Message("Colleague", "Hey, take a look at Jetpack Compose, it's great!")
    )
}

data class Message(val author: String, val body: String)```

Answer 1

因为每个可组合函数都应该从另一个可组合函数中调用。为了您的理解，请参阅此解决方案，并希望对您起作用。

Jetpack compose AppBarIcon complains that "Functions which invoke @Composable functions must be marked with the @Composable"