React Native ScrollView快照回到顶部

时间:2020-08-02 21:55:08

标签: reactjs react-native flexbox scrollview

我正在学习React Native,但ScrollView却无法滚动。滚动尺寸超过原始屏幕尺寸的20%至30%后,它将重新回到scrollView的顶部,因此不会让我滚动到列表的底部。

这是我的代码。此屏幕直接加载到具有以下功能的App.js中:1

const LocationsScreen = () => {
    return (
        <View style={styles.container}>
            <Header title={'Locations'} />
            <ScrollView contentContainerStyle={styles.content}>
                <VacationItem location={vacation[3]} />
                <VacationItem location={vacation[1]} />
                <VacationItem location={vacation[0]} />
                <VacationItem location={vacation[3]} />
            </ScrollView>
        </View>
    );
};

const styles = StyleSheet.create({
    container: {
        flex: 1,
        backgroundColor: Colors.background
    },

    content: {
        flex: 1,
        padding: 5,
        alignItems: 'center'
    }

});

如果有人有任何想法,将不胜感激! enter image description here

0 个答案:

没有答案