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>

它將照顧到這一點