Fix some layout jank in the PagerWithHeader on iOS

bluesky-social · Nov 1, 2023 · 4ce013b · 4ce013b
1 parent db519a0
commit 4ce013b
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 2 deletions.
diff --git a/src/view/com/pager/PagerWithHeader.tsx b/src/view/com/pager/PagerWithHeader.tsx
@@ -87,8 +87,10 @@ export const PagerWithHeader = React.forwardRef<PagerRef, PagerWithHeaderProps>(
       () => ({
         transform: [
           {
-            translateY:
+            translateY: Math.min(
               Math.min(scrollY.value, headerHeight - tabBarHeight) * -1,
+              0,
+            ),
           },
         ],
       }),

diff --git a/src/view/screens/ProfileList.tsx b/src/view/screens/ProfileList.tsx
@@ -289,7 +289,7 @@ export const ProfileListScreenInner = observer(
         </View>
       )
     }
-    return null
+    return <Header rkey={rkey} list={list} />
   },
 )
 
@@ -672,6 +672,9 @@ const AboutSection = React.forwardRef<SectionRef, AboutSectionProps>(
     }))
 
     const renderHeader = React.useCallback(() => {
+      if (!list.data) {
+        return null
+      }
       return (
         <View>
           <View
@@ -743,6 +746,7 @@ const AboutSection = React.forwardRef<SectionRef, AboutSectionProps>(
       )
     }, [
       pal,
+      list.data,
       isMobile,
       descriptionRT,
       creator,