Question

我在使用React-native的List类启用可滚动性时遇到问题。您可以在下面看到我的结构：

<Container>
    <View style={styles.container}>
        <TouchableWithoutFeedback>
            <View style={styles.content}>
                <View style={styles.mainBoxes}></View>
                <Text style={{textAlign: 'center', fontWeight: 'bold', fontSize: 24, paddingTop: 20}}>Title</Text>
                <List>
                    <FlatList
                        data=...
                        renderItem={({item, index}) => (
                            <View>
                                <Text style={{fontWeight: 'bold', fontSize: 20, paddingTop: 20, paddingLeft: 20, paddingRight: 20}}>{item.content}</Text>
                                <List>
                                    <FlatList
                                        data=...
                                        renderItem={({item, index}) => (
                                            <View>
                                                <Text style={{fontSize: 18, paddingTop: 10, paddingLeft: 40, paddingRight: 20}}>...</Text>
                                            </View>
                                        )}
                                        keyExtractor=...
                                    />
                                </List>
                            </View>
                            )}
                        keyExtractor=...
                    />
                </List>
            </View>
        </TouchableWithoutFeedback>
    </View>
</Container>

我要滚动的部分是从第一个列表（代码的第6行）之前的文本到列表的末尾。我试过使用ScrollView，添加/删除flex：1，但没有成功。任何帮助将不胜感激。

Answer 1

问题是TouchableWithoutFeedback类，因此删除它可以解决问题。

带有文本的React-native make List-FlatList可滚动

1 个答案: