如何在Jetpack Compose中使用EditText或TextInput小部件？

Question

我尝试了一些小部件，如Image和EditText来探索Jetpack compose。

对于文本输入，它有editabletext。我已经尝试了下面的代码，但它没有显示任何UI

class MainActivity : AppCompatActivity() {

    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        setContent {
            loadUi()
        }
    }

    @Composable
    fun loadUi() {
        CraneWrapper {
            MaterialTheme {
                val state = +state { EditorState("") }
                EditableText(
                    value = state.value,
                    onValueChange = { state.value = it },
                    editorStyle = EditorStyle(
                        textStyle = TextStyle(
                            fontSize = (50f)
                        )
                    )
                )
            }
        }
    }
}

我在这里错过了什么？任何帮助都将不胜感激！

Answer 1

使用1.0.0-beta02您可以使用TextField。

类似于：

var text by remember { mutableStateOf(TextFieldValue("Text")) }

TextField(
        value = text,
        onValueChange = {
            text = it
        },
        label = { Text("Label") })