From c1c981e8841a3d92ce297048d00872e6490f62da Mon Sep 17 00:00:00 2001
From: Claude <noreply@anthropic.com>
Date: Wed, 21 Jan 2026 19:01:38 +0000
Subject: [PATCH] Fix scroll issues on Starter Packs profile tab

Add proper ListFooterComponent with bottom padding to ensure the last
starter pack item is always visible and scrollable. Previously, when
viewing someone else's profile, no footer was rendered, causing the
last item to be cut off - especially when starter packs had long
descriptions.

This follows the same pattern used in ProfilesList (fixed in #8039)
and FeedsList components.

Fixes #9296
---
 .../StarterPack/ProfileStarterPacks.tsx          | 16 ++++++++++++----
 1 file changed, 12 insertions(+), 4 deletions(-)

diff --git a/src/components/StarterPack/ProfileStarterPacks.tsx b/src/components/StarterPack/ProfileStarterPacks.tsx
index c335494001..a19d619e3d 100644
--- a/src/components/StarterPack/ProfileStarterPacks.tsx
+++ b/src/components/StarterPack/ProfileStarterPacks.tsx
@@ -159,6 +159,17 @@ export function ProfileStarterPacks({
     [isTabletOrDesktop, t.atoms.border_contrast_low],
   )
 
+  const renderFooter = useCallback(() => {
+    if (!data || items?.length === 0) {
+      return null
+    }
+    return (
+      <View style={[{paddingBottom: bottomBarOffset}]}>
+        {isMe && <CreateAnother />}
+      </View>
+    )
+  }, [data, items?.length, isMe, bottomBarOffset])
+
   return (
     <View testID={testID} style={style}>
       <List
@@ -172,7 +183,6 @@ export function ProfileStarterPacks({
         progressViewOffset={ios(0)}
         contentContainerStyle={{
           minHeight: height + headerOffset,
-          paddingBottom: bottomBarOffset,
         }}
         removeClippedSubviews={true}
         desktopFixedHeight
@@ -181,9 +191,7 @@ export function ProfileStarterPacks({
         ListEmptyComponent={
           data ? (isMe ? EmptyComponent : undefined) : FeedLoadingPlaceholder
         }
-        ListFooterComponent={
-          !!data && items?.length !== 0 && isMe ? CreateAnother : undefined
-        }
+        ListFooterComponent={renderFooter}
       />
     </View>
   )