A quick but important topic. On mobile, the keyboard covers half the screen when it opens. If your input is at the bottom, the user can't see what they're typing.

KeyboardAvoidingView

Wrap your forms/inputs:

import { KeyboardAvoidingView, Platform } from "react-native";

<KeyboardAvoidingView
  behavior={Platform.OS === "ios" ? "padding" : "height"}
  style={{ flex: 1 }}
>
  {/* Your content with TextInputs */}
</KeyboardAvoidingView>

Why Platform.OS check? iOS and Android handle keyboards differently. iOS needs "padding" behavior (pushes content up), Android needs "height" (resizes the view). This one-liner handles both.

Dismiss Keyboard on Tap

Users expect to dismiss the keyboard by tapping outside the input:

import { TouchableWithoutFeedback, Keyboard } from "react-native";

<TouchableWithoutFeedback onPress={Keyboard.dismiss}>
  <View style={{ flex: 1 }}>
    {/* Your screen content */}
  </View>
</TouchableWithoutFeedback>

Add this to your Explorer screen around the main content area.