SwiftUI Academy · Aula

Tipos de teclado e textos de indicação

Configure o teclado, a mensagem de orientação e o comportamento de envio.

Tipos de teclado e textos de indicação é uma aula grátis de SwiftUI Academy no CoddyKit. Esta é a aula 2 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 SwiftUI Academy, e seu progresso é sincronizado entre a web e o app CoddyKit. O curso de SwiftUI Academy inclui 4 aulas no total.

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

Shape the Input

A bare TextField accepts anything. With a few modifiers you can shape the keyboard, the hint, and what happens on submit. ⌨️

Choosing a Keyboard

The keyboardType modifier picks which on-screen keyboard appears. An email field deserves the email layout, not the full alphabet.

TextField("Email", text: $email)
  .keyboardType(.emailAddress)

Numbers Only

Asking for a phone or amount? Use .numberPad or .decimalPad so users get a clean number keyboard with no letters in the way.

TextField("Age", text: $age)
  .keyboardType(.numberPad)

Placeholder vs Prompt

The first string argument is the placeholder, the gray hint shown while the field is empty. It guides users without taking up extra space.

TextField("Search recipes", text: $query)

A Separate Prompt

You can also pass a prompt as its own argument. This keeps the visible label and the placeholder hint as two distinct pieces of text.

TextField("City", text: $city,
  prompt: Text("e.g. Tokyo"))

Capitalization Control

Use textInputAutocapitalization to decide how the keyboard capitalizes. Set it to .never for usernames so nothing is auto-uppercased.

TextField("Username", text: $user)
  .textInputAutocapitalization(.never)

Turning Off Autocorrect

For codes, handles, or URLs, autocorrect gets in the way. Add autocorrectionDisabled to let users type exactly what they mean.

TextField("Handle", text: $handle)
  .autocorrectionDisabled()

The Return Key Label

The submitLabel modifier changes the keyboard return key text. Use .search, .done, or .next to match what the field actually does.

TextField("Search", text: $query)
  .submitLabel(.search)

Reacting to Submit

The onSubmit modifier runs your code when the user taps return. It is the perfect place to start a search or move focus.

TextField("Search", text: $query)
  .onSubmit { runSearch() }

Stack the Modifiers

These modifiers chain freely. Combine keyboard type, capitalization, and submit label on one field to craft exactly the input you want.

Small Details, Big Polish

The right keyboard and a clear prompt feel effortless to users. These tiny touches are what make an app feel professional. ✨

Quick Check

Which modifier changes the keyboard that appears for a TextField?

Recap

You tuned a field with keyboardType, prompts, capitalization, and onSubmit. Small modifiers turn a plain box into thoughtful, friendly input. 🎉

Perguntas Frequentes

A aula “Tipos de teclado e textos de indicação” é grátis?

Sim — o texto completo de “Tipos de teclado e textos de indicação” é 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 SwiftUI Academy, atualize para CoddyKit PRO. O curso de SwiftUI Academy inclui 4 aulas no total.

O que vou aprender em “Tipos de teclado e textos de indicação”?

Configure o teclado, a mensagem de orientação e o comportamento de envio. Você pratica SwiftUI 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 SwiftUI Academy?

Nenhuma experiência prévia é necessária. SwiftUI 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 2 de 4.

Quanto tempo leva a aula “Tipos de teclado e textos de indicação”?

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 SwiftUI Academy?

Sim. Cada aula de SwiftUI 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 SwiftUI Academy