ReactNative之键盘键盘弹出与消失的示例分析

　　介绍

这篇文章主要介绍了ReactNative之键盘键盘弹出与消失的示例分析,具有一定借鉴价值,感兴趣的朋友可以参考下,希望大家阅读完这篇文章之后大有收获、下面让小编带着大家一起了解一下。

RN对键盘事件的支持。

在React-native的组件组件中有个键盘。

github地址如下:https://github.com/facebook/react-native/tree/770091f3c13f7c1bd77c50f979d89a774001fbf0/Libraries/Components/Keyboard

我们先来看下官方提供的例子,监听键盘的弹出与消失.Demo如下:

import 反应,,{,Component },得到& # 39;反应,,, 　　import {,键盘,TextInput },得到& # 39;react-native& # 39;,, 　　, 　　class  Example  extends  Component  {, 　　componentWillMount (),{大敌;; 　　this.keyboardDidShowListener 才能=,Keyboard.addListener (& # 39; keyboardDidShow& # 39;,, this._keyboardDidShow),, 　　this.keyboardDidHideListener 才能=,Keyboard.addListener (& # 39; keyboardDidHide& # 39;,, this._keyboardDidHide),, 　　}大敌; 　　, 　　componentWillUnmount (),{大敌;; 　　this.keyboardDidShowListener.remove才能(),, 　　this.keyboardDidHideListener.remove才能(),, 　　}大敌; 　　, 　　_keyboardDidShow (),{大敌;; 　　警报才能(& # 39;Keyboard 显示# 39;),, 　　}大敌; 　　, 　　_keyboardDidHide (),{大敌;; 　　警报才能(& # 39;Keyboard 隐藏# 39;),, 　　}大敌; 　　, 　　呈现(),{大敌; 　　(return 才能; 　　,,& lt; TextInput  　　,,,onSubmitEditing={Keyboard.dismiss}, 　　,,/祝辞, 　　,,); 　　}大敌; 　　}

键盘支持的监听事件如下:

@param {字符串},nativeEvent ,“nativeEvent”, is 从而string  that  identifies 从而event 你们# 39;re  listening 又是;却;能够还要be  any  of 从而:, 　　“keyboardWillShow”之处; 　　“keyboardDidShow”之处; 　　“keyboardWillHide”之处; 　　“keyboardDidHide”之处; 　　“keyboardWillChangeFrame”之处; 　　安康;“keyboardDidChangeFrame”

使用的时候需要测试下Android和iOS下监听的事件是否都好。

踩坑如下:

<强> Android对keyboardWillShow监听不到。

同样,我们在源码里可以找到使键盘消失的函数

/* *, 　　,* Dismisses 从而active  keyboard 以及removes 重点又是; 　　,*/(),{dismiss  　　,dismissKeyboard (),, 　　}

我们如果需要使用时,可以如下:

const  dismissKeyboard =,要求(& # 39;dismissKeyboard& # 39;),, 　　dismissKeyboard ();

感谢你能够认真阅读完这篇文章,希望小编分享的“ReactNative之键盘键盘弹出与消失的示例分析”这篇文章对大家有帮助,同时也希望大家多多支持,关注行业资讯频道,更多相关知识等着你来学习!

ReactNative之键盘键盘弹出与消失的示例分析