Explore Library
React NativeForms & User Input Handling

39 items

1

keyboardType for Email Input

Code Quiz
2

KeyboardAvoidingView for Form Layout

Code Quiz
3

Focusing the Next Input via Ref

Code Quiz
4

returnKeyType and onSubmitEditing

Code Quiz
5

Uncontrolled Input via Ref

Code Quiz
6

Multiple Fields in One State Object

Code Quiz
7

autoCapitalize and autoCorrect Config

Code Quiz
8

Handling Submission and Disabling

Flashcard
9

Focus Management with Refs

Flashcard
10

Controlled Inputs in React Native

Flashcard
11

Clearing and Resetting Fields

Flashcard
12

returnKeyType and onSubmitEditing

Flashcard
13

Displaying Validation Errors

Flashcard
14

Multi-Field Form State with useState

Flashcard
15

Formik for Form State

Flashcard
16

Schema Validation with Yup/Zod

Flashcard
17

Debouncing Input

Flashcard
18

Input Masking and Formatting

Flashcard
19

Placeholder Text and Color

Flashcard
20

Common TextInput Props

Flashcard
21

React Hook Form with Controller

Flashcard
22

Client-Side Form Validation

Flashcard
23

onFocus and onBlur Events

Flashcard
24

maxLength and Character Count

Flashcard
25

Picker and Selection Inputs

Flashcard
26

Multiline TextInput

Flashcard
27

Phone Number Masking Bug

Code Quiz
28

Multiline TextInput Not Expanding

Code Quiz
29

Placeholder Used as Initial Value

Code Quiz
30

blurOnSubmit Keeping Keyboard Open

Code Quiz
31

Controlled Picker Won't Update

Code Quiz
32

Listening for Keyboard Show Event

Code Quiz
33

Character Count with maxLength

Code Quiz
34

Tracking Focus State of an Input

Code Quiz
35

Disabling Submit Until Valid

Code Quiz
36

Rendering a Validation Error Message

Code Quiz
37

Validating an Email Field

Code Quiz
38

Tap Outside to Dismiss Keyboard

Code Quiz
39

Dismiss Keyboard on Button Press

Code Quiz
Code QuizIntermediate

autoCapitalize and autoCorrect Config

A username field passes a boolean to autoCapitalize instead of an enum string.

Codejavascript
function UsernameField({ value, onChangeText }) {
  return (
    <TextInput
      value={value}
      onChangeText={onChangeText}
      placeholder="Username"
      autoCapitalize={false}
      autoCorrect={false}
    />
  );
}

What is wrong with the autoCapitalize prop?