Hey everyone, I’m trying to figure out how to auto...

# compose

[Robert Menke]

Hey everyone, I’m trying to figure out how to automatically focus a text field when it’s rendered. This is my current attempt but it’s not working. Is there documentation on TextField I could reference to figure this out?

@ExperimentalFocus
@Composable
fun SignInEmailView() {
    val viewModel = viewModel<AuthenticationViewModel>()
    val text: String by viewModel.email.observeAsState("")
    val focusRequester = FocusRequester()

    SingleInputLayout(
        onBackClicked = {},
        onNextClicked = {}
    ) {
        TextField(
            value = text,
            onValueChange = viewModel::setEmail,
            label = { Text(text = "What's your email address?") },
            placeholder = { Text(text = "<mailto:[e-mail]|[e-mail]>") },
            keyboardType = KeyboardType.Email,
            modifier = frameFillWidth(60.dp).focusRequester(focusRequester),
            backgroundColor = MaterialTheme.colors.background
        )

        Spacer(modifier = frameFillWidth(200.dp))

        onActive(callback = {
            focusRequester.captureFocus()
        })
    }
}