在线文档教程
React native

Keyboard

Keyboard

Keyboard 模块来控制键盘事件。

Usage

键盘模块允许您监听本地事件并对其作出反应,并对键盘进行更改,例如解除键盘。

import React, { Component } from 'react'; import { Keyboard, TextInput } from 'react-native'; class Example extends Component { componentWillMount () { this.keyboardDidShowListener = Keyboard.addListener('keyboardDidShow', this._keyboardDidShow this.keyboardDidHideListener = Keyboard.addListener('keyboardDidHide', this._keyboardDidHide } componentWillUnmount () { this.keyboardDidShowListener.remove( this.keyboardDidHideListener.remove( } _keyboardDidShow () { alert('Keyboard Shown' } _keyboardDidHide () { alert('Keyboard Hidden' } render() { return ( <TextInput onSubmitEditing={Keyboard.dismiss} /> } }

方法

static addListener(eventName, callback)

addListener函数将JavaScript函数连接到已识别的本地键盘通知事件。

此函数然后将引用返回给侦听器。

@param {string} eventName这nativeEvent是标识您正在监听的事件的字符串。这可以是以下任何一种:

  • keyboardWillShow

  • keyboardDidShow

  • keyboardWillHide

  • keyboardDidHide

  • keyboardWillChangeFrame

  • keyboardDidChangeFrame

请注意,如果您设置android:windowSoftInputModeadjustResizeadjustNothing,则Android keyboardDidShowkeyboardDidHideAndroid上只有和事件可用。keyboardWillShow以及keyboardWillHide通常在Android上不可用,因为没有本地相应的事件。

在事件触发时调用@param {function}回调函数。

static removeListener(eventName, callback)

删除特定的侦听器。

@param {string} eventName这nativeEvent是标识您正在监听的事件的字符串。在事件触发时调用@param {function}回调函数。

static removeAllListeners(eventName)

删除特定事件类型的所有侦听器。

@param {string} eventType本地事件字符串监听器正在监视哪些将被删除。

static dismiss()

解除活动键盘并消除焦点。