Skip to content

Cant load view pager #1

@NishantDesai1306

Description

@NishantDesai1306

I get this error 'Attempted to update component ViewPager that has already been unmounted' whenever i try to use view pager.
here's my code

import {
    StatusBar,
    StyleSheet,
    Text,
    View
} from 'react-native';
import ViewPager from 'react-native-view-pager';

export default class App extends Component {

    render() {
        return (
            <View style={styles.container}>

                <ViewPager>
                    style={styles.scrollview}
                    initialPage={1}>
                    <View key={0}>
                        <View style={styles.page}>
                            <Text>Page 1</Text>
                        </View>
                    </View>
                    <View key={1}>
                        <View style={styles.page}>
                            <Text>Page 2</Text>
                        </View>
                    </View>
                </ViewPager>

            </View>
        );
    }
}

const bgColor = '#ED784F';
const styles = StyleSheet.create({
    container: {
        flex: 1,
        justifyContent: 'center',
        alignItems: 'center',
        backgroundColor: bgColor,
    },
    scrollview: {
        flex: 1,
        backgroundColor: '#031634',
    },
    page: {
        flex: 1,
        margin: 20,
        backgroundColor: '#E8DDCB',
        borderRadius: 20,
        justifyContent: 'center',
        alignItems: 'center',
    }
});

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions