Skip to content

Feat/navigation bar #18

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
thswogh merged 4 commits into from
Jul 23, 2025
Merged

Feat/navigation bar #18

Show file tree
Hide file tree
Changes from 3 commits
Commits
Show all changes
4 commits
Select commit Hold shift + click to select a range
ef96ec0
feat: navigation-bar svg 추가
meteorqz6 Jul 8, 2025
6a5c288
chore: react-native-svg, react-native-svg-transformer 추가
meteorqz6 Jul 8, 2025
b81e10c
feat: tab 라우팅 레이아웃 추가
meteorqz6 Jul 8, 2025
a30ae61
fix: 오타 수정
meteorqz6 Jul 11, 2025
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
91 changes: 50 additions & 41 deletions app/(tabs)/_layout.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,46 +1,55 @@
import { Icon } from "@/shared/ui/icon";
import { DefaultNavigationOptions } from "@/shared/ui/navigation";
import { Tabs } from "expo-router";
import { useMemo } from "react";
import { SafeAreaView } from "react-native-safe-area-context";

export default function TabsLayout() {
return (
<Tabs
screenOptions={{
headerShown: false,
}}
>
<Tabs.Screen
name="home"
options={{
title: "홈",
}}
/>

<Tabs.Screen
name="archive"
options={{
title: "아카이브",
}}
/>

<Tabs.Screen
name="upload"
options={{
title: "업로드",
}}
/>
export default function TabLayout() {
const screenOptions = useMemo(() => {
return {
...DefaultNavigationOptions,
};
}, []);

<Tabs.Screen
name="awards"
options={{
title: "우수작",
}}
/>

<Tabs.Screen
name="profile"
options={{
title: "마이",
}}
/>
</Tabs>
return (
<SafeAreaView edges={["top"]} style={{ flex: 1 }}>
<Tabs screenOptions={screenOptions}>
<Tabs.Screen
name="home"
options={{
title: "홈",
tabBarIcon: ({ focused }) => <Icon name={focused ? "home_active" : "home"} />,
}}
/>
<Tabs.Screen
name="archive"
options={{
title: "아카이빙",
tabBarIcon: ({ focused }) => <Icon name={focused ? "archving_active" : "archving"} />,
}}
/>
<Tabs.Screen
name="upload"
options={{
title: "업로드",
tabBarIcon: ({ focused }) => <Icon name={focused ? "uploading_active" : "uploading"} />,
}}
/>
<Tabs.Screen
name="awards"
options={{
title: "우수작",
tabBarIcon: ({ focused }) => <Icon name={focused ? "ranking_active" : "ranking"} />,
}}
/>
<Tabs.Screen
name="profile"
options={{
title: "마이",
tabBarIcon: ({ focused }) => <Icon name={focused ? "my_active" : "my"} />,
}}
/>
</Tabs>
</SafeAreaView>
);
}
21 changes: 11 additions & 10 deletions app/index.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -6,25 +6,26 @@ import { View, ActivityIndicator } from "react-native";

export default function App() {
const router = useRouter();
const { userInfo } = useAuth();
// const { userInfo } = useAuth();

useEffect(() => {
const timer = setTimeout(() => {
if (userInfo) {
// 로그인된 사용자면, 홈 네비게이션으로 이동
router.replace("/(tabs)/home");
} else {
// 로그인되지 않았으면 로그인 페이지로 이동
router.replace("/login");
}
router.replace("/(tabs)/home");
// if (userInfo) {
// // 로그인된 사용자면, 홈 네비게이션으로 이동
// router.replace("/(tabs)/home");
// } else {
// // 로그인되지 않았으면 로그인 페이지로 이동
// router.replace("/login");
// }
}, 100);

return () => clearTimeout(timer);
}, [userInfo, router]);
}, [router]);

// 로딩 화면 표시. TODO: 추후에 디자인 된 로딩스피너로 수정
return (
<View style={{ flex: 1, justifyContent: 'center', alignItems: 'center' }}>
<View style={{ flex: 1, justifyContent: "center", alignItems: "center" }}>
<ActivityIndicator size="large" color="#195B35" />
</View>
);
Expand Down
21 changes: 16 additions & 5 deletions metro.config.js
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,8 +1,19 @@
const { getDefaultConfig } = require("expo/metro-config");

/** @type {import('expo/metro-config').MetroConfig} */
const config = getDefaultConfig(__dirname);
config.resolver.sourceExts.push("css");
config.resolver.assetExts.push("png", "jpg", "jpeg", "gif", "svg");
module.exports = (() => {
const config = getDefaultConfig(__dirname);

module.exports = config;
const { transformer, resolver } = config;

config.transformer = {
...transformer,
babelTransformerPath: require.resolve("react-native-svg-transformer/expo"),
Copy link

@coderabbitai coderabbitai bot Jul 8, 2025

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

💡 Verification agent

🧩 Analysis chain

SVG 변환기 패키지 의존성을 확인하세요.

react-native-svg-transformer/expo를 사용하고 있으므로 이 패키지가 package.json에 올바르게 설치되어 있는지 확인해야 합니다.

다음 스크립트를 실행하여 패키지 설치 상태를 확인하세요:

🏁 Script executed:

#!/bin/bash
# Description: react-native-svg-transformer 패키지 설치 확인

# package.json에서 react-native-svg-transformer 확인
echo "Checking package.json for react-native-svg-transformer..."
rg -A 2 -B 2 "react-native-svg-transformer" package.json

# node_modules 확인
echo "Checking if package is installed..."
ls node_modules/ | grep svg-transformer || echo "Package not found in node_modules"

Length of output: 566

SVG 변환기 패키지 설치 필요

  • package.json에는 react-native-svg-transformer가 선언되어 있으나, 현재 node_modules에 설치되어 있지 않습니다.
  • 프로젝트 루트에서 npm install 또는 yarn install을 실행해 의존성을 설치해주세요.
  • 설치 후 babelTransformerPath: require.resolve("react-native-svg-transformer/expo")가 정상 동작하는지 확인 바랍니다.
🤖 Prompt for AI Agents 
In metro.config.js at line 10, the react-native-svg-transformer package is
referenced but not installed in node_modules. Run npm install or yarn install in
the project root to install all dependencies, including
react-native-svg-transformer. After installation, verify that
babelTransformerPath: require.resolve("react-native-svg-transformer/expo") works
correctly without errors.

};
config.resolver = {
...resolver,
assetExts: resolver.assetExts.filter(ext => ext !== "svg"),
sourceExts: [...resolver.sourceExts, "svg"],
};

return config;
})();
Loading