Question

<KeyboardAvoidingView style={Styles.container}>
    <FlatList
      data={this.props.data}
      renderItem={this.renderItem}
      keyExtractor={item => item.id}
    />
  </KeyboardAvoidingView>

我在KeyboardAvoidingView内有一个单位表。但它不会在Android上滚动。它适用于ios，但不适用于android。我一直在网上搜索，我可以看到这个组件在android上有问题。但我还没有找到这个具体问题的提及。如果有人能对这个问题有所了解。我真的很感激。

Answer 1

我已经复制了您的问题，但它对我来说很好。 KeyboardAvoidingView的样式是什么？我还没有附上任何造型。

示例：

import Rect from "react";
import { View, Text, FlatList, KeyboardAvoidingView, Keyboard, StyleSheet } from "react-native";

export default class TempView extends React.Component {
    public render() {
        return (
            <View style={ styles.view }>
                <KeyboardAvoidingView>
                    <FlatList
                        data={[1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 17, 18, 19, 20, 21, 22, 23, 24, 25, 26, 27, 28, 29, 30]}
                        renderItem={ ( item ) => {
                            return (
                                <View 
                                    key={ item.index }
                                    style={ styles.item }>
                                    <Text>{ `Item ${ item.index + 1}`}</Text>
                                </View>
                            );
                        }}
                        />
                </KeyboardAvoidingView>
            </View>
        );
    }
}

const styles = StyleSheet.create({
    view: {
        flex: 1,
        backgroundColor: "white",
        paddingTop: 6
    },
    item: {
        padding: 20,
        borderBottomWidth: 1,
        borderBottomColor: "black"
    }
});

在KeyboardAvoidingView内部时，Flatlist不可滚动

1 个答案: