ListView在IOS键盘后面呈现 - React Native

Question

在我的react-native应用程序中，我有一个View，它呈现TextInput和ListView。 ListView根据TextInput中键入的内容进行填充。

<View styleComponent={styleComponent.mainContainer}>
  <TextInput
    onChangeText={this.onTyping.bind(this)}
    value={this.state.text} />
  <ListView
    dataSource={this.state.dataSource}
    renderRow={(rowData) => this._renderRow(rowData)} />
</View>

我的问题是ListView的一部分是在IOS键盘后面呈现的。 有没有任何方法，没有外部库，告诉ListView在可用空间中呈现，即不在键盘下。

Answer 1

您应该使用onBlur和onFocus事件或键盘事件插件，并在键盘打开时调整列表样式。 看看这个： 如何自动滑动窗口从后面键盘 - 当textinput-have-focus时 。

Answer 2

使用react native的keyboar避免查看KeyboardAvoidingView和Example Like

import {ScrollView, Text, TextInput, View, KeyboardAvoidingView} from "react-native";

并在渲染函数中嵌套View和TextInput

<ScrollView style={styles.container}>
          <KeyboardAvoidingView behavior='position'>
                <View style={styles.textInputContainer}>
                  <TextInput
                    value={pin}
                    style={styles.textInput}
                    keyboardType='default'
                    returnKeyType='next'
                    onChangeText={this.handleChangePin}
                    underlineColorAndroid='transparent'
                    placeholder={I18n.t('pin')}/>
                </View>
          </KeyboardAvoidingView>
        </ScrollView>

它将照顾到这一点