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