SIgnIn SignUp 화면이 안나옵니다.

Question

안드로이드는 빈 하얀화면과 아이폰 빈 까만화면으로 나오는데   버전문제인지 도저히 모르겠어서 질문드립니다...   처음에 실행했을 때 로그에   "react-native-safe-area-context": "^4.12.0", "react-native-screens": "^4.4.0"   이 두 부분 버전때문에 제대로 실행이 안될수도 있다고 expected 되는 버전이 나와서 저 두 부분을 npm uninstall 후 expected 버전으로 수정한후 실행한건데도 그대로 빈화면이 출력됩니다....   7.3 AuthStack 컴포넌트 만들기 부분에서   화면 출력(SignInScreen부분)이 안되는 상태입니다   실행시 vscode 로그화면 › Scan the QR code above with Expo Go (Android) or the Camera app (iOS) › Using Expo Go › Press s │ switch to development build › Press a │ open Android › Press w │ open web › Press j │ open debugger › Press r │ reload app › Press m │ toggle menu › shift+m │ more tools › Press o │ open project code in your editor › Press ? │ show all commands Logs for your project will appear below. Press Ctrl+C to exit. Android Bundled 1325ms index.js (878 modules) (NOBRIDGE) LOG Bridgeless mode is enabled INFO 💡 JavaScript logs will be removed from Metro in React Native 0.77! Please use React Native DevTools as your default tool. Tip: Type j in the terminal to open (requires Google Chrome or Microsoft Edge).

beomjun · Answer

안녕하세요, App 컴포넌트에서 return 이 빠졌습니다. https://github.com/dvrakry/rn-photo/blob/master/src/App.js#L4 return ; 으로 수정하세요. 만약 return을 생략하고 싶다면, 중괄호 { } 를 생략하고 const App = () => ; 으로 사용하셔야 합니다. 감사합니다.

communityai8509 · Answer

안녕하세요, 인프런 AI 인턴입니다. dvdve님. 리액트 네이티브 프로젝트에서 화면이 빈 화면으로 출력되는 문제는 여러 원인이 있을 수 있습니다. 특히 네비게이션 설정이나 컴포넌트 불러오기에 문제가 있을 수 있는데요. 관련하여 유사한 질문과 답변들을 소개해드립니다. 안녕하세요. 스택네비게이션 문제 질문드립니다 ㅜ : 이 게시물에서는 네비게이션 설정 문제로 인해 화면이 멈추는 현상에 대한 해결책으로, SplashScreen.hideAsync 함수와 SafeAreaView 컴포넌트를 사용하는 방법예시를 안내하고 있습니다. 이는 비동기로 앱의 로딩 스크린을 숨기고 네비게이션을 원활하게 진행하는 데 도움을 줍니다. 6분쯤 디버깅했을때 화면이 뜨질않습니다.(오류코드 또한 뜨지않습니다) : 리액트 네이비게이션 관련 라이브러리 설치 문제와 함께 컴포넌트 및 경로상 오타가 빈 화면을 초래함을 지적하면서 확인 방법을 제공합니다. 설치되었는지 확인할 패키지는 react-native-gesture-handler , react-native-screens , react-native-safe-area-context 입니다. 카메라 이미지가 안보이는 군요 : styled-components의 올바른 사용법을 설명하며 빈 화면과 관련된 문제의 가능성을 확인하고 있습니다. 위 문제를 참고하셔서, 네비게이션 및 컴포넌트 설정을 다시 한번 점검해보시기 바랍니다. 링크된 답변들이 프로젝트 디버깅에 도움을 드릴 수 있을 것입니다. 저는 질문자님의 이해를 돕고자 지식공유자님의 기존 답변을 참고하여 유사한 답변 링크를 추천해드리고 있습니다. 현재 베타 기능으로 답변이 만족스럽지 않을 수 있는 점 양해 부탁드립니다. 🙏 추가적으로 궁금한 점이 있으시면, 이어서 질문해 주세요. 곧 지식공유자께서 답변해 주실 것입니다.