Javascript ListView在IOS键盘后呈现-反应本机
在我的react原生应用程序中,我有一个视图可以呈现TextInput和ListView。 ListView是根据TextInput中键入的内容填充的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
<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>