Jetpack Compose Academy · Aula

Tipos de Teclado e Ações de IME

Exiba o teclado e o botão de envio corretos.

Tipos de Teclado e Ações de IME é uma aula grátis de Jetpack Compose Academy no CoddyKit. Esta é a aula 3 de 4. Você pode ler a aula completa abaixo gratuitamente — depois pratica ao vivo no navegador com um editor de código integrado e um tutor de IA 24/7. Faz parte do caminho de aprendizado de Jetpack Compose Academy, e seu progresso é sincronizado entre a web e o app CoddyKit. O curso de Jetpack Compose Academy inclui 4 aulas no total.

Partes desta aula ainda não foram traduzidas e aparecem em inglês.

The Right Keyboard Matters

Asking for a phone number? Show a number pad, not letters. The right keyboard makes typing fast and error-free. 📱

keyboardOptions

You shape the keyboard through keyboardOptions. It lets you pick the key layout and the action button shown on it.

TextField(
    value = phone,
    onValueChange = { phone = it },
    keyboardOptions = KeyboardOptions(/* ... */)
)

Pick a keyboardType

Set keyboardType to match the data: Number for digits, Email for addresses, Phone for dialing.

keyboardOptions = KeyboardOptions(
    keyboardType = KeyboardType.Email
)

Common Keyboard Types

Handy choices include Text, Number, Phone, Email, Decimal, and Password. Each one tweaks the keys to fit the input.

Hide Password Characters

For secrets, pair the Password type with a visualTransformation so each character shows as a dot. 🔒

visualTransformation = PasswordVisualTransformation()

IME Actions

The imeAction sets the keyboard's main button. Choose Next to move to the following field or Done to finish a form.

keyboardOptions = KeyboardOptions(
    imeAction = ImeAction.Next
)

Common IME Actions

Frequent actions are Next, Done, Search, Send, and Go. They tell the user what tapping the button will do.

React with keyboardActions

Respond to that button using keyboardActions. Run a search, submit the form, or jump focus to the next field.

keyboardActions = KeyboardActions(
    onDone = { submitForm() }
)

Move Focus on Next

For multi-field forms, use the FocusManager to move to the next input when the user taps Next.

keyboardActions = KeyboardActions(
    onNext = { focusManager.moveFocus(FocusDirection.Down) }
)

Type and Action Work Together

Set the keyboardType and imeAction together for each field. The result feels polished and effortless to fill in.

Small Touches, Big Polish

Matching the keyboard and its action to each field is a tiny effort that gives your forms a truly professional feel.

Quick Check

Which option controls the action button shown on the keyboard?

Recap

You tuned the keyboard: keyboardType picks the keys, imeAction labels the button, and keyboardActions responds to it. Smooth typing all around. 🎯

Perguntas Frequentes

A aula “Tipos de Teclado e Ações de IME” é grátis?

Sim — o texto completo de “Tipos de Teclado e Ações de IME” é grátis para ler aqui na web. Para praticá-la interativamente (um editor de código integrado e um tutor de IA 24/7) e desbloquear o restante do curso de Jetpack Compose Academy, atualize para CoddyKit PRO. O curso de Jetpack Compose Academy inclui 4 aulas no total.

O que vou aprender em “Tipos de Teclado e Ações de IME”?

Exiba o teclado e o botão de envio corretos. Você pratica Jetpack Compose Academy com código prático que executa diretamente no navegador, e um tutor de IA 24/7 responde suas dúvidas enquanto trabalha na aula.

Preciso ter experiência prévia para começar Jetpack Compose Academy?

Nenhuma experiência prévia é necessária. Jetpack Compose Academy no CoddyKit é estruturado para alunos iniciantes até avançados, então você pode começar aqui ou desde o início e aprender no seu ritmo. Esta é a aula 3 de 4.

Quanto tempo leva a aula “Tipos de Teclado e Ações de IME”?

A maioria das aulas CoddyKit leva cerca de 5–10 minutos. Cada uma é compacta e interativa, então você faz progresso constante e retoma exatamente de onde parou entre web e app.

Posso escrever e executar código nesta aula de Jetpack Compose Academy?

Sim. Cada aula de Jetpack Compose Academy inclui um editor de código integrado, então você escreve e executa código real direto no navegador e recebe feedback de IA instantaneamente — nenhuma configuração local necessária.

Todas as aulas deste curso

← Voltar para Jetpack Compose Academy