<ScrollView
	style={styles.container}
	automaticallyAdjustInsets={false}
	horizontal={true}
	decelerationRate={0}
	snapToInterval={CARD_WIDTH}
	snapToAlignment="start"
	contentContainerStyle={styles.content}
	pagingEnabled={true}
>
	<View style={styles.card}>
		<Text>Card 1</Text>
	</View>
	<View style={styles.card}>
		<Text>Card 2</Text>
	</View>
	<View style={styles.card}>
		<Text>Card 3</Text>
	</View>
	<View style={styles.card}>
		<Text>Card 4</Text>
	</View>
</ScrollView>

let styles = StyleSheet.create({
	container: {
		flex: 1,
		backgroundColor: '#F5FCFF',
	},
	content: {
		alignItems: 'center',
	},
	card: {
		flex: 1,
		backgroundColor: '#ccc',
		width: CARD_WIDTH,
		height: CARD_WIDTH,
		alignItems: 'center',
		justifyContent: 'center',
	}
}