diff --git a/src/view/com/feeds/FeedPage.tsx b/src/view/com/feeds/FeedPage.tsx index 2192122320..dade3351c6 100644 --- a/src/view/com/feeds/FeedPage.tsx +++ b/src/view/com/feeds/FeedPage.tsx @@ -7,6 +7,7 @@ import { useState, } from 'react' import {View} from 'react-native' +import {useSafeAreaInsets} from 'react-native-safe-area-context' import {type AppBskyActorDefs, AppBskyFeedDefs} from '@atproto/api' import {msg} from '@lingui/macro' import {useLingui} from '@lingui/react' @@ -70,7 +71,8 @@ export function FeedPage({ const {openComposer} = useOpenComposer() const [isScrolledDown, setIsScrolledDown] = useState(false) const setMinimalShellMode = useSetMinimalShellMode() - const headerOffset = useHeaderOffset() + const {top: topInset} = useSafeAreaInsets() + const headerOffset = useHeaderOffset() + topInset const feedFeedback = useFeedFeedback(feedInfo, hasSession) const scrollElRef = useRef(null) const [hasNew, setHasNew] = useState(false) diff --git a/src/view/com/home/HomeHeaderLayoutMobile.tsx b/src/view/com/home/HomeHeaderLayoutMobile.tsx index a0d7b3e785..486a6f07f2 100644 --- a/src/view/com/home/HomeHeaderLayoutMobile.tsx +++ b/src/view/com/home/HomeHeaderLayoutMobile.tsx @@ -1,6 +1,7 @@ import {type JSX} from 'react' import {View} from 'react-native' import Animated from 'react-native-reanimated' +import {useSafeAreaInsets} from 'react-native-safe-area-context' import {msg} from '@lingui/macro' import {useLingui} from '@lingui/react' @@ -30,18 +31,18 @@ export function HomeHeaderLayoutMobile({ const headerMinimalShellTransform = useMinimalShellHeaderTransform() const {hasSession} = useSession() const playHaptic = useHaptics() + const {top: paddingTop} = useSafeAreaInsets() return ( { diff --git a/src/view/screens/Home.tsx b/src/view/screens/Home.tsx index e058e28831..041c8797a0 100644 --- a/src/view/screens/Home.tsx +++ b/src/view/screens/Home.tsx @@ -79,7 +79,7 @@ export function HomeScreen(props: Props) { if (preferences && pinnedFeedInfos && !isPinnedFeedsLoading) { return ( - +