this repo has no description
Fix PageWithHeader header leaking into safe area (#5792)
* fix header leaking out of safe area
* make fix native-only
authored by
Samuel Newman
and committed by
GitHub
59f9cd91
74b0929e
+3
-3
+3
-3
src/view/com/pager/Pager.tsx
+3
-3
src/view/com/pager/Pager.tsx
···
7
7
} from 'react-native-pager-view'
8
8
9
9
import {LogEvents} from '#/lib/statsig/events'
10
-
import {s} from 'lib/styles'
10
+
import {atoms as a, native} from '#/alf'
11
11
12
12
export type PageSelectedEvent = PagerViewOnPageSelectedEvent
13
13
const AnimatedPagerView = Animated.createAnimatedComponent(PagerView)
···
133
133
)
134
134
135
135
return (
136
-
<View testID={testID} style={s.flex1}>
136
+
<View testID={testID} style={[a.flex_1, native(a.overflow_hidden)]}>
137
137
{renderTabBar({
138
138
selectedPage,
139
139
onSelect: onTabBarSelect,
140
140
})}
141
141
<AnimatedPagerView
142
142
ref={pagerView}
143
-
style={s.flex1}
143
+
style={[a.flex_1]}
144
144
initialPage={initialPage}
145
145
onPageScrollStateChanged={handlePageScrollStateChanged}
146
146
onPageSelected={onPageSelectedInner}