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'}오늘은 어디로 가 볼까요?