Реагирующее создание списка List-FlatList с прокруткой текстов

Question

У меня проблема с включением прокрутки в классе List класса React-native. Вы можете увидеть мою структуру ниже:

<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, поэтому его устранение решило проблему.