From 59f9cd916e23005a6123f8eb3f5c1cbb47b91344 Mon Sep 17 00:00:00 2001
From: Samuel Newman <mozzius@protonmail.com>
Date: Thu, 17 Oct 2024 19:16:42 +0300
Subject: Fix PageWithHeader header leaking into safe area (#5792)

* fix header leaking out of safe area

* make fix native-only
---
 src/view/com/pager/Pager.tsx | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

(limited to 'src')

diff --git a/src/view/com/pager/Pager.tsx b/src/view/com/pager/Pager.tsx
index ea88f7390..4d5da960c 100644
--- a/src/view/com/pager/Pager.tsx
+++ b/src/view/com/pager/Pager.tsx
@@ -7,7 +7,7 @@ import PagerView, {
 } from 'react-native-pager-view'
 
 import {LogEvents} from '#/lib/statsig/events'
-import {s} from 'lib/styles'
+import {atoms as a, native} from '#/alf'
 
 export type PageSelectedEvent = PagerViewOnPageSelectedEvent
 const AnimatedPagerView = Animated.createAnimatedComponent(PagerView)
@@ -133,14 +133,14 @@ export const Pager = forwardRef<PagerRef, React.PropsWithChildren<Props>>(
     )
 
     return (
-      <View testID={testID} style={s.flex1}>
+      <View testID={testID} style={[a.flex_1, native(a.overflow_hidden)]}>
         {renderTabBar({
           selectedPage,
           onSelect: onTabBarSelect,
         })}
         <AnimatedPagerView
           ref={pagerView}
-          style={s.flex1}
+          style={[a.flex_1]}
           initialPage={initialPage}
           onPageScrollStateChanged={handlePageScrollStateChanged}
           onPageSelected={onPageSelectedInner}
-- 
cgit 1.4.1