React Native的键盘遮挡问题（input／webview里）

2017-06-15

1:使用keyVoaidView来解决 注意要设置behavio=“absolute”，哎。记性差 好像拼错了

2:使用下面的代码，监听键盘，然后将webView拉高就可以了

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}  />  );  }  
}