From 4d2863de1b1ad02b2aa414cc2aec16af7e93a7d9 Mon Sep 17 00:00:00 2001
From: Samuel Newman <mozzius@protonmail.com>
Date: Wed, 31 Dec 2025 12:42:21 +0200
Subject: [PATCH] use plain animated view instead of creating animated
 component for linear gradient

---
 .../Profile/Header/StatusBarShadow.tsx        | 20 +++++++++++--------
 1 file changed, 12 insertions(+), 8 deletions(-)

diff --git a/src/screens/Profile/Header/StatusBarShadow.tsx b/src/screens/Profile/Header/StatusBarShadow.tsx
index 7180e62bbe..9fefc378fb 100644
--- a/src/screens/Profile/Header/StatusBarShadow.tsx
+++ b/src/screens/Profile/Header/StatusBarShadow.tsx
@@ -9,8 +9,6 @@ import {isIOS} from '#/platform/detection'
 import {usePagerHeaderContext} from '#/view/com/pager/PagerHeaderContext'
 import {atoms as a} from '#/alf'
 
-const AnimatedLinearGradient = Animated.createAnimatedComponent(LinearGradient)
-
 export function StatusBarShadow() {
   const {top: topInset} = useSafeAreaInsets()
   const pagerContext = usePagerHeaderContext()
@@ -46,14 +44,20 @@ function StatusBarShadowInnner({scrollY}: {scrollY: SharedValue<number>}) {
   })
 
   return (
-    <AnimatedLinearGradient
-      colors={['rgba(0,0,0,0.5)', 'rgba(0,0,0,0)']}
+    <Animated.View
       style={[
-        animatedStyle,
         a.absolute,
+        a.top_0,
+        a.left_0,
+        a.right_0,
         a.z_10,
-        {height: topInset, top: 0, left: 0, right: 0},
-      ]}
-    />
+        {height: topInset},
+        animatedStyle,
+      ]}>
+      <LinearGradient
+        colors={['rgba(0,0,0,0.5)', 'rgba(0,0,0,0)']}
+        style={[a.flex_1]}
+      />
+    </Animated.View>
   )
 }