diff --git a/packages/react-native/src/components/common/Header.tsx b/packages/react-native/src/components/common/Header.tsx index 9422544a..8b0536f3 100644 --- a/packages/react-native/src/components/common/Header.tsx +++ b/packages/react-native/src/components/common/Header.tsx @@ -11,6 +11,8 @@ interface HeaderProps { RightActionButton?: ReactElement; onBack?: () => void; type?: 'logo' | 'default'; + TitleComponent?: ReactElement; + hideLeft?: boolean; } export default function Header({ @@ -18,9 +20,22 @@ export default function Header({ RightActionButton, onBack, type = 'default', + TitleComponent, + hideLeft, }: HeaderProps) { const navigation = useNavigation(); + const getHeight = () => { + if (type === 'logo') { + return 80; + } + if (TitleComponent) { + return 100; + } + + return undefined; + }; + const Right = useMemo( () => {RightActionButton}, [RightActionButton], @@ -52,8 +67,11 @@ export default function Header({ ...HEADER_STYLE, headerShown: true, headerRight: () => Right, - headerLeft: () => Left, - title, + headerLeft: hideLeft ? null : () => Left, + headerStyle: { + height: getHeight(), + }, + title: TitleComponent || title, }); }, [title, RightActionButton, onBack]); diff --git a/packages/react-native/src/pages/Home.tsx b/packages/react-native/src/pages/Home.tsx index 5af4c0e9..48d27032 100644 --- a/packages/react-native/src/pages/Home.tsx +++ b/packages/react-native/src/pages/Home.tsx @@ -9,6 +9,7 @@ import CardSlider from '@/components/common/CardSlider'; import Header from '@/components/common/Header'; import withSuspense from '@/components/HOC/withSuspense'; import useHomeSpotQuery from '@/apis/queries/useHomeSpotQuery'; +import SPOTLogo from '@/assets/SPOTLogo'; interface HomeScreenProps { navigation: StackNavigation<'Home/Main'>; @@ -20,8 +21,15 @@ export default withSuspense(function Home({ navigation }: HomeScreenProps) { return ( -
- +
+ + + } + /> + 안녕하세요, {profile?.nickname}님{'\n'}오늘은 어디로 가 볼까요?