maartenvr98/Kliko
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Fix scrolling in explore tab

Browse source
This commit is contained in:
Maarten 2024-08-01 15:01:35 +02:00
parent 2dfae2dcc9
commit 98e0f9b047
1 changed files with 7 additions and 6 deletions
Download patch file Download diff file Expand all files Collapse all files

13
app/(tabs)/explore.tsx
View file

@ -73,9 +73,9 @@ export default function ExploreScreen() {
}; };
return ( return (
<SafeAreaView style={{flex: 1, backgroundColor: Colors[colorScheme].background,}}> <SafeAreaView style={{flex: 1, backgroundColor: Colors[colorScheme].background}}>
<ScrollView> <ThemedView>
<ThemedView style={styles.container}> <ScrollView style={styles.container}>
<ThemedView style={styles.titleContainer}> <ThemedView style={styles.titleContainer}>
<ThemedText type="title">Wat moet waar?</ThemedText> <ThemedText type="title">Wat moet waar?</ThemedText>
</ThemedView> </ThemedView>
@ -121,8 +121,8 @@ export default function ExploreScreen() {
)} )}
/> />
</ThemedView> </ThemedView>
</ThemedView> </ScrollView>
</ScrollView> </ThemedView>
<Modal isVisible={activeCategory !== null}> <Modal isVisible={activeCategory !== null}>
<ThemedView style={{...styles.modalView, backgroundColor: Colors[colorScheme].background}}> <ThemedView style={{...styles.modalView, backgroundColor: Colors[colorScheme].background}}>
@ -151,8 +151,8 @@ export default function ExploreScreen() {
const styles = StyleSheet.create({ const styles = StyleSheet.create({
container: { container: {
padding: 25,
marginTop: StatusBar.currentHeight, marginTop: StatusBar.currentHeight,
padding: 25,
}, },
titleContainer: { titleContainer: {
flexDirection: 'row', flexDirection: 'row',
@ -168,6 +168,7 @@ const styles = StyleSheet.create({
}, },
listContainer: { listContainer: {
marginTop: 10, marginTop: 10,
paddingBottom: 50
}, },
listItem: { listItem: {
flex: 1, flex: 1,