ScrollView не прокручивается правильно?

Question

В моем функциональном компоненте есть ScrollView. Я использую телефон android, подключенный к моему ноутбуку, чтобы я мог видеть изменения в телефоне.

Проблема:

При скольжении по правой стороне экрана телефона страница прокручивается. Но когда я перемещаюсь в центре или на левой стороне экрана телефона, страница не прокручивается должным образом. Страница подпрыгивает сверху и снизу.

Это мой минимальный c код:

return (
    <TouchableWithoutFeedback style={{ flex: 1 }} onPress={Keyboard.dismiss}>
        <SafeAreaView>
            <Header title="Organizations" navigation={props.navigation} />
            <ScrollView>
                <Block mb={spacing.huge}>
                    <Card>
                         ......
                         <FlatList 
                             .....
                         />
                         ......
                    </Card>
                </Block>
            </ScrollView>
        </SafeAreaView>
    </TouchableWithoutFeedback>   
)

Я получаю эту ошибку в консоли:

 WARN  VirtualizedLists should never be nested inside plain ScrollViews with the same orientation - use another VirtualizedList-backed container instead.

кто-нибудь знает, как решить эту проблему?

Answer 1

Я использовал эту опору nestedScrollEnabled внутри ScrollView.