KeyboardAvoidingView in React Native - Cheat Sheet & Quick Revision

Recall & Review

beginner

What is KeyboardAvoidingView in React Native?

It is a component that automatically moves UI elements up when the keyboard appears, so inputs are not hidden.

beginner

Which prop controls how KeyboardAvoidingView adjusts its position?

The behavior prop controls adjustment. It can be 'padding', 'height', or 'position'.

intermediate

What does the behavior='padding' do in KeyboardAvoidingView?

It adds padding to the bottom of the view equal to the keyboard height, pushing content up.

beginner

Why should you use KeyboardAvoidingView in forms on mobile apps?

To prevent the keyboard from covering input fields, making it easier for users to see what they type.

beginner

Name one common issue when not using KeyboardAvoidingView in React Native apps.

The keyboard can cover text inputs, causing poor user experience and difficulty entering data.

What is the main purpose of KeyboardAvoidingView?

A To hide the keyboard automatically

B To move UI elements so they are not hidden by the keyboard

C To change the keyboard style

D To disable keyboard input

KeyboardAvoidingView moves UI elements up so they stay visible when the keyboard appears.

Which behavior prop value adds padding equal to keyboard height?

A height

B position

C scroll

D padding

The 'padding' behavior adds padding at the bottom to push content above the keyboard.

On which platform is KeyboardAvoidingView behavior most effective?

A iOS

B Android

C Web

D Desktop

KeyboardAvoidingView works best on iOS; Android support can be inconsistent.

What happens if you don’t use KeyboardAvoidingView with input fields?

A The app crashes

B Nothing changes

C Keyboard covers inputs making typing hard

D Inputs become disabled

Without KeyboardAvoidingView, the keyboard can cover inputs, blocking user view.

Which prop do you use to specify how KeyboardAvoidingView adjusts layout?

A behavior

B style

C keyboardType

D autoAdjust

The 'behavior' prop controls how the view adjusts when the keyboard appears.

Explain how KeyboardAvoidingView helps improve user experience in mobile apps.

Think about what happens when the keyboard covers input fields.

Describe the differences between the 'padding', 'height', and 'position' behaviors in KeyboardAvoidingView.

Consider how each behavior changes the layout when keyboard appears.