Блог

Главная - Вопросы по программированию - react native ScrollView не прокручивается без каких-либо ошибок

react native ScrollView не прокручивается без каких-либо ошибок

#reactjs #react-native

#reactjs #react-native

Вопрос:

     <ScrollView contentContainerStyle={styles.list}>
    {pastGuesses.map((guess, index) => renderListItem(guess, pastGuesses.length - index))}
    </ScrollView>



    listContainer: {
        flex: 1,
        width: '80%'
    },
    list: {
        flexGrow: 1,
        alignItems: 'center',
        justifyContent: 'flex-end'
    },
    listItem: {
        borderColor: "#ccc",
        borderWidth: 1,
        padding: 15,
        marginVertical: 10,
        backgroundColor: "#fff",
        flexDirection: 'row',
        justifyContent: 'space-around',
        width: "60%"
    }

Здесь я использую ScrollView в react native.
Вот мой раздел кода. Но, к сожалению, прокрутка не работает.
Я не получаю никаких ошибок, но scroll не происходит.

Пожалуйста, взгляните

Комментарии:

1. Вы должны установить высоту вашего scrollview, иначе scrollview станет таким же длинным, как содержимое внутри него, поэтому контейнеру «не нужно» прокручивать внутри него

2. Это не работает. Попробовал сейчас

3. Тогда нам понадобится дополнительная информация об элементах, окружающих ScrollView

4. Вы пробовали использовать компонент Flatlist? Это лучший способ визуализации прокручиваемых компонентов пользовательского интерфейса вместо использования map в scrollview.