Jetpack Compose自定义TextField组件编译报错求助

错误原因及修复方案 #

1. 函数参数不匹配（None of the following functions can be called with the arguments supplied） #

问题源于参数名拼写错误：你定义的maxLine参数，以及传给TextField的同名参数，正确名称应为**maxLines（复数形式）**。Jetpack Compose的TextField组件中控制最大行数的参数是maxLines，拼写错误导致编译器找不到匹配的函数重载。

修复：

• 将NoteInputText函数的参数maxLine: Int = 1改为maxLines: Int = 1
• 将TextField调用中的maxLine = maxLine改为maxLines = maxLines

2. @Composable调用上下文错误（@Composable invocations can only happen from the context of a @Composable） #

这个错误大多是第一个问题引发的连锁反应——编译器无法正确解析TextField参数时，会误判内部Composable调用（比如label中的Text组件）的上下文合法性。修复第一个错误后，该问题通常会自动消失。如果仍存在，检查：

• 所有Composable函数是否都添加了@Composable注解
• 非Composable函数中是否调用了Composable组件

修复后的完整代码 #

import androidx.compose.foundation.text.KeyboardActions
import androidx.compose.foundation.text.KeyboardOptions
import androidx.compose.material.Text
import androidx.compose.material.TextField
import androidx.compose.material.TextFieldDefaults
import androidx.compose.runtime.Composable
import androidx.compose.ui.ExperimentalComposeUiApi
import androidx.compose.ui.Modifier
import androidx.compose.ui.graphics.Color
import androidx.compose.ui.platform.LocalSoftwareKeyboardController
import androidx.compose.ui.text.input.ImeAction
import androidx.compose.ui.tooling.preview.Preview

@ExperimentalComposeUiApi
@Composable
fun NoteInputText(
    modifier: Modifier = Modifier,
    text: String,
    label: String,
    maxLines: Int = 1,
    onTextChange: (String) -> Unit,
    onImeAction: () -> Unit = {},
) {
    val keyboardController = LocalSoftwareKeyboardController.current

    TextField(
        value = text,
        onValueChange = onTextChange,
        colors = TextFieldDefaults.textFieldColors(
            backgroundColor = Color.Transparent
        ),
        maxLines = maxLines,
        label = {
            Text(text = label)
        },
        keyboardOptions = KeyboardOptions.Default.copy(
            imeAction = ImeAction.Done,
        ),
        keyboardActions = KeyboardActions(onDone = {
            onImeAction()
            keyboardController?.hide()
        }),
        modifier = modifier
    )
}

@ExperimentalComposeUiApi
@Preview(showBackground = true)
@Composable
fun Preview() {
    NoteInputText(text = "hello", label = "name", onTextChange = {})
}

内容的提问来源于stack exchange，提问作者Prasath S