Реагирующий-собственный список элементов - плоский список с возможностью прокрутки текстов

#react-native #scroll #react-native-flatlist

#react-native #прокрутка #react-native-плоский список

Вопрос:

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

1. почему вы добавляете список с помощью FlatList. Плоский список сам по себе прокручивается.

2. Спасибо за ответ. Список действительно избыточен, но даже без списка проблема остается.

3. попробуйте также после удаления тега <container>.

Ответ №1:

Проблема заключалась в классе TouchableWithoutFeedback, поэтому его удаление решило проблему.