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

让我知道是否有任何问题可以使用它。