React Native: How to use the KeyboardAvoidingView in React Native?

1import { KeyboardAvoidingView, Platform, StyleSheet } from "react-native";
2
3function LoginForm() {
4  return (
5    <KeyboardAvoidingView
6      behavior={Platform.OS === "ios" ? "padding" : "height"}
7      style={styles.container}
8    >
9      <TextInput placeholder="Email" style={styles.input} />
10      <TextInput placeholder="Password" style={styles.input} />
11      <Button title="Login" onPress={handleLogin} />
12    </KeyboardAvoidingView>
13  );
14}
15
16const styles = StyleSheet.create({
17  container: {
18    flex: 1,
19    justifyContent: "center",
20    padding: 20,
21  },
22  input: {
23    height: 44,
24    borderWidth: 1,
25    borderColor: "#ccc",
26    borderRadius: 8,
27    paddingHorizontal: 12,
28    marginBottom: 12,
29  },
30});