KeyboardAvoidingView + ListView

Question

我有一个提交表单界面，使用ListView组件，并且行包含TextInput组件，我想使用KeyboardAvoidingView以避免键盘cover行中的TextInput，但是它不起作用，该行没有向上移动。

我的代码：

 render() {
    return (
        <KeyboardAvoidingView style={styles.container}  behavior='padding'>
            <ListView
                dataSource = {this.state.dataSource}
                renderRow = {this._renderRow.bind(this)}
                onEndReachedThreshold = {0}
                overflow = 'hidden'
                keyboardDismissMode = 'on-drag'
                removeClippedSubviews = {true}
            />
        </KeyboardAvoidingView>
    );
}

Answer 1

我使用了一个模块来解决键盘问题：https://github.com/APSL/react-native-keyboard-aware-scroll-view

你也可以这样使用：

import {KeyboardAwareScrollView} from 'react-native-keyboard-aware-scroll-view';
render() {
    return (
      <KeyboardAwareScrollView extraHeight={130}>
          // your code here
      </KeyboardAwareScrollView>
    );
  }

如果遇到任何使用问题，请告诉我。