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

Question

我在使用 React-native 的列表 class 启用可滚动性时遇到问题。你可以在下面看到我的结构：

<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, adding/removing flex: 1，但没有成功。任何帮助将不胜感激。

Answer 1

问题出在 TouchableWithoutFeedback class，因此删除它解决了问题。