React-native делает List-FlatList с прокручиваемыми текстами

У меня проблема с включением возможности прокрутки с помощью класса 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, но безуспешно. Любая помощь будет оценена по достоинству.