movie-web/native-app
1
0
Fork 0
mirror of https://github.com/movie-web/native-app.git synced 2025-09-13 12:23:24 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix: use safe insets for header

Browse Source
This commit is contained in:
Adrian Castro
2024-04-01 22:50:41 +02:00
parent 35997d178d
commit 683cab9796
1 changed files with 9 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
apps/expo/src/components/layout/Header.tsx
View File

@@ -1,4 +1,5 @@
import { Linking } from "react-native"; import { Linking } from "react-native";
import { useSafeAreaInsets } from "react-native-safe-area-context";
import { FontAwesome6, MaterialIcons } from "@expo/vector-icons"; import { FontAwesome6, MaterialIcons } from "@expo/vector-icons";
import { Circle, View } from "tamagui"; import { Circle, View } from "tamagui";
@@ -6,8 +7,15 @@ import { DISCORD_LINK, GITHUB_LINK } from "~/constants/core";
import { BrandPill } from "../BrandPill"; import { BrandPill } from "../BrandPill";
export function Header() { export function Header() {
const insets = useSafeAreaInsets();
return ( return (
<View alignItems="center" gap="$3" flexDirection="row"> <View
paddingTop={insets.top}
alignItems="center"
gap="$3"
flexDirection="row"
>
<BrandPill /> <BrandPill />
<Circle <Circle