RN API Keyboard简单总结

来源：互联网发布：c语言怎么求最小公倍数编辑：程序博客网时间：2024/04/24 18:31

RN API Keyboard简单总结

Keyboard的作用:

对原生的键盘隐藏\显示进行监听,处理相应的逻辑.
1. 导入API

     import {            AppRegistry,            StyleSheet,            Text,            View,            TextInput,            Keyboard,          } from 'react-native';

生命周期方法进行监听并回调私有方法:

componentWillMount() {                                              this.keyboardDidShowListener=Keyboard.addListener('keyboardDidShow',this._keyShow);      this.keyboardDidHideListener=Keyboard.addListener('keyboardDidHide',this._keyHide);}

移除监听:

      componentWillUnMount() {           this.keyboardDidShowListener.remove();           this.keyboardDidHideListener.remove();        }

View部分一个简单Intput并监听是否点击了软键盘的确定或者提交按钮(onSubmitEditing):

     <TextInput style={{width:W,height:45,justifyContent:'center',marginTop: 30}}              onSubmitEditing={Keyboard.dismiss}>        </TextInput>

Keyboard.dismiss : 隐藏键盘. 测试了下好像也没什么卵用.没有设置onSubmitEditing属性的Intput也一样正常回调

回调的私有方法

_keyShow() {    ToastAndroid.show("键盘显示",ToastAndroid.SHORT);}_keyHide() {    ToastAndroid.show("键盘隐藏",ToastAndroid.SHORT);}

结束!!!!!!

0 0