Javascript ListView在IOS键盘后呈现-反应本机

Javascript ListView在IOS键盘后呈现-反应本机,javascript,ios,reactjs,react-native,Javascript,Ios,Reactjs,React Native,在我的react原生应用程序中,我有一个视图可以呈现TextInput和ListView。 ListView是根据TextInput中键入的内容填充的 <View styleComponent={styleComponent.mainContainer}> <TextInput onChangeText={this.onTyping.bind(this)} value={this.state.text} /> <ListView da

在我的react原生应用程序中,我有一个视图可以呈现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>

这是.\u renderRow(rowData)}/>

我的问题是ListView的一部分在IOS键盘后面呈现。在没有外部库的情况下,是否有任何方法可以告诉ListView在可用空间(即不在键盘下)中渲染

当键盘打开时,您应该使用
onBlur
onFocus
事件或调整列表样式。看看这个:

使用react native的keyboar回避视图 及 像

在渲染函数中嵌套
视图
文本输入

<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>

它会处理好的

<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>