Vew height without keyboard react native

keyboard-height.js

import React, { useEffect, useState } from "react";
import { Keyboard, TextInput, Dimensions } from "react-native";

const Example = () => {
  const [heightDefined, setHeightDefined] = useState(100);

  useEffect(() => {
    Keyboard.addListener("keyboardDidShow", (e) => {
      setHeightDefined(
        Dimensions.get("window").height - e.endCoordinates.height
      );
    });

    Keyboard.addListener("keyboardDidHide", (e) => {
      setHeightDefined(100);
    });
  }, []);

  return (
    <TextInput
      style={{
        borderWidth: 1,
        backgroundColor: "pink",
        height: heightDefined,
      }}
      placeholder="Click here ..."
      onSubmitEditing={Keyboard.dismiss}
    />
  );
};

export default Example;