MENU


Keyboard

This controls the virtual keyboard, allowing you to listen to native events.

MethodsaddListener()removeListener()removeAllListeners()dismiss()scheduleLayoutAnimation

Notice below how the virtual keyboard gets hidden.


RESETRUNFULL
import React, { useState, useEffect } from "react";import { Keyboard, Text, TextInput, StyleSheet, View } from "react-native";const Example = () => {
  const [keyboardStatus, setKeyboardStatus] = useState(undefined);
  useEffect(() => {
      const showSubscription=Keyboard.addListener("keyboardDidShow",
                                                         ()=>{ setKeyboardStatus("Keyboard Shown");});
      const hideSubscription = Keyboard.addListener("keyboardDidHide",
     ()=>{ setKeyboardStatus("Keyboard Hidden");});
      return () => {
       showSubscription.remove();
    hideSubscription.remove();
       };
  }, []);
  return (
    <View style={style.container}>
      <TextInput style={style.input} placeholder='Click here…'
                        onSubmitEditing={Keyboard.dismiss} />
      <Text style={style.status}>{keyboardStatus}</Text>
    </View>
  );}const style = StyleSheet.create({
  container: { flex: 1, padding: 36},
  input: {padding: 10, borderWidth: 0.5, borderRadius: 4},
  status: {padding: 10, textAlign: "center"}});export default Example;