【React Native】文件翻譯閱讀紀錄 - APIs - Keyboard
Facebook Open Source React Native |
Keyboard
鍵盤模塊控制鍵盤事件。
用法
鍵盤模塊允許您偵聽本機事件並對它們做出反應,以及對鍵盤進行更改,例如解除它。
import React, { Component } from 'react';
import { Keyboard, TextInput } from 'react-native';
class Example extends Component {
componentDidMount () {
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}
/>
);
}
}
Methods
參考
Methods
addListener()
static addListener(eventName, callback)
addListener 函數將JavaScript函數連接到標識的本機鍵盤通知事件。
然後,此函數返回對偵聽器的引用。
@param {string} eventName nativeEvent 是標識您正在偵聽的事件的字符串。這可以是以下任何一種:
然後,此函數返回對偵聽器的引用。
@param {string} eventName nativeEvent 是標識您正在偵聽的事件的字符串。這可以是以下任何一種:
keyboardWillShow
keyboardDidShow
keyboardWillHide
keyboardDidHide
keyboardWillChangeFrame
keyboardDidChangeFrame
事件觸發時調用的@param {function}回調函數。
removeListener()
static removeListener(eventName, callback)
刪除特定的偵聽器。
@param {string} eventName nativeEvent是標識您正在偵聽的事件的字符串。事件觸發時調用的@param {function}回調函數。
@param {string} eventName nativeEvent是標識您正在偵聽的事件的字符串。事件觸發時調用的@param {function}回調函數。
removeAllListeners()
static removeAllListeners(eventName)
刪除特定事件類型的所有偵聽器。
@param {string} eventType本機事件字符串偵聽器正在觀看將被刪除的內容。
@param {string} eventType本機事件字符串偵聽器正在觀看將被刪除的內容。
dismiss()
static dismiss()
解散活動鍵盤並移除焦點。
0 意見