Merge pull request #11 from katungi/main

fix: adds padding bottom to the speaker list
rendercon · Oct 4, 2024 · b4d5508 · b4d5508
2 parents 45eec49 + 51a8477
commit b4d5508
Show file tree

Hide file tree

Showing 3 changed files with 3 additions and 1 deletion.
diff --git a/app/(tabs)/index.tsx b/app/(tabs)/index.tsx
@@ -92,7 +92,7 @@ export default function Schedule() {
           onScroll={scrollHandler}
           onViewableItemsChanged={onViewableItemsChanged}
           data={data}
-          contentContainerStyle={{ paddingTop: spacing.xl, paddingBottom: spacing.xl }}
+          contentContainerStyle={{ paddingTop: spacing.xl, paddingBottom: spacing.xxl }}
           scrollEventThrottle={8}
           stickyHeaderIndices={[0]}
           ListHeaderComponent={() => {

diff --git a/app/(tabs)/speakers.tsx b/app/(tabs)/speakers.tsx
@@ -23,6 +23,7 @@ const Speakers = () => {
           Speakers
         </StyledText>
         <FlatList
+          contentContainerStyle={{ paddingBottom: sizes.xxxxl }}
           data={speakers}
           renderItem={({ item }) => <SpeakerCard speaker={item} onPress={() => router.push(`/speakers/${item.id}`)} />}
           keyExtractor={(item) => item.id}

diff --git a/constants/Styles.ts b/constants/Styles.ts
@@ -5,6 +5,7 @@ export const sizes = {
   xl: 26,
   xxl: 32,
   xxxl: 40,
+  xxxxl: 48,
   header: 60,
   card: 220,
   cardImage: 150,