안녕하세요, React Navigation 강의를 수강하다가 오류가 해결되지 않아서 질문드립니다. expo를 통해 다음과 같이 index.js에 React Navigation을 적용했습니다. import { store } from "@/redux/store"; import MainScreen from "./screens/MainScreen"; import { Provider } from "react-redux"; import { NavigationContainer } from "@react-navigation/native"; import { createNativeStackNavigator } from "@react-navigation/native-stack"; import LoginScreen from "./screens/LoginScreen"; export default function HomeScreen() { const Stack = createNativeStackNavigator(); return ( <Provider store={store}> <NavigationContainer> <Stack.Navigator> <Stack.Screen name="Main" component={MainScreen} /> <Stack.Screen name="Login" component={LoginScreen} />{" "} </Stack.Navigator> </NavigationContainer> </Provider> ); } 그러나 다음과 같은 오류가 뜨며 빈화면만 보이더라구요ㅠ Error: Looks like you have nested a 'NavigationContainer' inside another. Normally you need only one container at the root of the app, so this was probably an error. If this was intentional, pass 'independent={true}' explicitly. Note that this will make the child navigators disconnected from the parent and you won't be able to navigate between them. 찾아보니 NavigationContainer가 중첩되었다는 것 같은데, 저는 계속해서 그대로 강의를 따라가고 있었고, 따로 NavigationContainer를 적용한 파일이 존재하지 않습니다 ㅠ 다음 속성을 추가해도 오류가 해결되지 않습니다 ㅠ 아마 어디선가 부모에서 NavigationContainer가 적용된 것 같은데 찾을 수가 없네요 ㅠㅠ independent={true} 조금 더 찾아보니 expo-router랑 충돌이 난 거일 수도 있다는데 정확하게 모르겠네요 ㅠㅠ
강의내용이 24년 현재 9월 듣고 있는데 강의 내용과 내려받는 리엑트 네이티브 파일구조가 달라서 너무 어렵습니다. 현재 강의 맞는 구버전으로 하면 expo app 버전이 구버전과 맞지 않는다고 하거나 강의 보면서 하기도 벅찬데 각종 버전에 따른 오류가 너무 많이 나오니 해결하면서 강의 듣기에 너무 힘듭니다. 뭔가 방법이 없을까요? 제가 너무 배우고 싶었던 리엑트 네이티브 강의인데 초반에 오류 수정하다 끝나고 이러니 의지가 꺽여버립니다.
Expo로 폴더를 만들어서 npm start를 했을 시 사진처럼 빨간 Warning이 나옵니다 .. 어떻게 해결해야 하나요?? package.json에 "type": "module" 작성도 해봤고, Xcode도 다운받아서 해봤습니다 ㅠㅠㅠ 근데도 사라지지 않네요 어떻게 해야하나요 ..
const store = createStore(rootReducer, middleware); 강의와 같이 위처럼 코드를 작성할 시 에러가 발생합니다. 버전은 5.0.1 버전입니다. 공식 문서에서 createStore 부분을 보면 reducer와 enhancer이외에 preloadedState라는 값이 있는데 해당 값을 넣어주니 정상적으로 작동했습니다. const preloadedState = { counter: 0, }; const store = createStore(rootReducer, preloadedState, middleware); preloadedState는 선택적으로 사용할 수 있다고 되어 있는데 왜 사용하지 않으면 에러가 발생하는지 궁금합니다. 또한 preloadedState는 store의 초기 상태를 나타내고 있다고 하는데 todos의 초기 상태를 어떻게 설정해야할지 궁금합니다. (그냥 undefined로만 적어도 상관없을까요)
지금 강의를 듣고있는데 섹션5 [React Nagivation을 이용해서 라우팅 구현하기] 여기에서 IOS로만 하시는데 윈도우에서 안드로이드로 강의를 따라가고 있는 입장에서는 어떻게 해야하는 걸까요? 제가 expo 부분부터 widow- android studio로만 강의를 따라왔었는데 expo 에서 window - IOS 로도 개발을 따라 했었어야 했을까요?ㅜ Android Studio로는 실행을 어떻게 해야할지 안내가 안되어 있어서 막막해서요 제가 뭘 놓친건지 헷갈리네요 갑자기ㅠㅠ
안녕하세요 저는 윈도우로 학습중이고, 아이폰의 expo go 어플을 사용해 코드 작성결과를 확인하고 있습니다. 시뮬레이터는 반드시 맥OS에서만 사용 가능한가요 ? 만약 맥 OS에서만 사용이 가능하다면 윈도우에서 ios 화면을 확인할 방법이 없을까요 ? expo go 어플 사용시 연결이 뒤로가기 버튼이 없는 것 같은데 매번 qr코드를 사용해 로드해야하나요 ? 확인 부탁드립니다.
EXPO로 개발한 앱을 EXPO 공식문서를 보며 eas -cli 설치 expo -cli 설치 eas login eas build:configure eas build --profile preview 위 단계를 진행하며 apk 파일을 생성 후 애뮬레이터와 안드로이드 폰에 설치 후 아이콘 클릭하자마자 앱이 강제종료되는 현상이 발생합니다... expo build log에는 에러없이 모두 진행된 것을 확인하였습니다. 그래서 보이지 않는 에러로 인해 해결을 못하겠습니다 도와주세요! -해본 것 1. 앱을 새로 생성 후 빌드 (생성하자마자 코드 수정없이 apk 생성시에는 잘 작동합니다! ) 2. 1에서 잘 작동하는 것에서 코드를 조금씩 수정하여 빌드를 해보아도 바로 강제종료되는 현상 발생. pc 포멧 후 개발환경 재설치
강의 흐름대로 모든 설정을 하고 SVG 파일을 불러왔는데 제목과 같은 에러가 계속 생깁니다... ㅠㅠ 여기저기 검색해서 해결하려고 했지만 쉽게 안되네요. 다음과 같이 안드로이드 스튜디오에 에러가 나고 제목에 있는 에러는 터미널에서 나오는 메시지입니다. package.json의 일부는 다음과 같고 metro.config.js는 다음과 같이 했습니다.. const { getDefaultConfig } = require("expo/metro-config"); module.exports = (() => { const config = getDefaultConfig(__dirname); const { transformer, resolver } = config; config.transformer = { ...transformer, babelTransformerPath: require.resolve("react-native-svg-transformer"), }; config.resolver = { ...resolver, assetExts: resolver.assetExts.filter((ext) => ext !== "svg"), sourceExts: [...resolver.sourceExts, "svg"], }; return config; })(); 윈도우 운영체제에서 생기는 문제일까요 ㅠㅠ 버전 호환성 문제일까요...
