首页 > 解决方案 > 虚拟键盘上的自动滚动关闭键盘本身

问题描述

我在平面列表中有文本输入,当虚拟键盘弹出平面列表滚动到焦点文本输入以避免键盘覆盖时。但是在自动滚动到焦点文本输入时,虚拟键盘被关闭,我必须在文本输入中再次单击。如何解决这个问题?

 <FlatList
   keyboardDismissMode={'none'}
   data={Object.values(this.props.allSearch)}
   renderItem={this.renderItem}
   keyExtractor={(item, index) => item.id.toString() + index}
   ItemSeparatorComponent={() => (<View style={{ height: 10 }}></View>)}
   ListEmptyComponent={this.emptyList()}
   ListFooterComponent={() => (<View style={{ height: 40 }}></View>)}
   />
          

渲染项

 renderItem = ({ item }) => (
        <ReviewItem item={item} values={this.state.values} reviewReply={this.rev
            </Pressable>
        </KeyboardAvoidingView>

评论项目

 <KeyboardAvoidingView
        behavior={Platform.OS === "ios" ? "padding" : "height"}
        style={styles.conatiner}>
        <View>
            <Image source={{ uri: props.item.author_image }} style={styles.profileImage} />
        </View>
        <TextInput
                           multiline
                             value={text}
                            onChangeText={text => setText(text)}
                           placeholder="Write reply here..."
                          style={styles.replayTextInput} />

    </KeyboardAvoidingView>

标签: react-native

解决方案


推荐阅读