【React Native】文件翻譯閱讀紀錄 - APIs - Keyboard

by - 上午9:00

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 是標識您正在偵聽的事件的字符串。這可以是以下任何一種:
  • keyboardWillShow
  • keyboardDidShow
  • keyboardWillHide
  • keyboardDidHide
  • keyboardWillChangeFrame
  • keyboardDidChangeFrame
請注意,如果您將android:windowSoftInputMode設置為adjustResize或adjustNothing,則Android上只能使用keyboardDidShow和keyboardDidHide事件。 keyboardWillShow以及keyboardWillHide通常在Android上不可用,因為沒有本機相應的事件。

事件觸發時調用的@param {function}回調函數。removeListener()

static removeListener(eventName, callback)
刪除特定的偵聽器。

@param {string} eventName nativeEvent是標識您正在偵聽的事件的字符串。事件觸發時調用的@param {function}回調函數。

removeAllListeners()

static removeAllListeners(eventName)
刪除特定事件類型的所有偵聽器。

@param {string} eventType本機事件字符串偵聽器正在觀看將被刪除的內容。

dismiss()

static dismiss()
解散活動鍵盤並移除焦點。

You May Also Like

0 意見