React Native: How do you handle React Native keyboard avoidance?

1import { KeyboardAvoidingView, Platform } from "react-native";
2
3<KeyboardAvoidingView
4  behavior={Platform.OS === "ios" ? "padding" : "height"}
5  style={{ flex: 1 }}
6>
7  <TextInput placeholder="Type here" />
8</KeyboardAvoidingView>

1import { TouchableWithoutFeedback, Keyboard } from "react-native";
2
3<TouchableWithoutFeedback onPress={Keyboard.dismiss}>
4  <View style={{ flex: 1 }}>
5    <TextInput />
6  </View>
7</TouchableWithoutFeedback>

1<ScrollView keyboardShouldPersistTaps="handled">
2  <TextInput />
3  <Button title="Submit" />
4</ScrollView>