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:windowSoftInputMode
为adjustResize
或adjustNothing
,则Android keyboardDidShow
和keyboardDidHide
Android上只有和事件可用。keyboardWillShow
以及keyboardWillHide
通常在Android上不可用,因为没有本地相应的事件。
在事件触发时调用@param {function}回调函数。
static removeListener(eventName, callback)
删除特定的侦听器。
@param {string} eventName这nativeEvent
是标识您正在监听的事件的字符串。在事件触发时调用@param {function}回调函数。
static removeAllListeners(eventName)
删除特定事件类型的所有侦听器。
@param {string} eventType本地事件字符串监听器正在监视哪些将被删除。
static dismiss()
解除活动键盘并消除焦点。