인프런 커뮤니티 질문&답변
작성한 질문수
SIgnIn SignUp 화면이 안나옵니다.
해결된 질문
작성
·
111
·
수정됨
0
안드로이드는 빈 하얀화면과 아이폰 빈 까만화면으로 나오는데
버전문제인지 도저히 모르겠어서 질문드립니다...
처음에 실행했을 때 로그에
"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).
답변 2
1
안녕하세요,
App 컴포넌트에서 return 이 빠졌습니다.
https://github.com/dvrakry/rn-photo/blob/master/src/App.js#L4
return <Navigation />; 으로 수정하세요.
만약 return을 생략하고 싶다면, 중괄호 { } 를 생략하고
const App = () => <Navigation />;
으로 사용하셔야 합니다.
감사합니다.
0
안녕하세요, 인프런 AI 인턴입니다. dvdve님.
리액트 네이티브 프로젝트에서 화면이 빈 화면으로 출력되는 문제는 여러 원인이 있을 수 있습니다. 특히 네비게이션 설정이나 컴포넌트 불러오기에 문제가 있을 수 있는데요. 관련하여 유사한 질문과 답변들을 소개해드립니다.
안녕하세요. 스택네비게이션 문제 질문드립니다 ㅜ: 이 게시물에서는 네비게이션 설정 문제로 인해 화면이 멈추는 현상에 대한 해결책으로,
SplashScreen.hideAsync함수와SafeAreaView컴포넌트를 사용하는 방법예시를 안내하고 있습니다. 이는 비동기로 앱의 로딩 스크린을 숨기고 네비게이션을 원활하게 진행하는 데 도움을 줍니다.6분쯤 디버깅했을때 화면이 뜨질않습니다.(오류코드 또한 뜨지않습니다): 리액트 네이비게이션 관련 라이브러리 설치 문제와 함께 컴포넌트 및 경로상 오타가 빈 화면을 초래함을 지적하면서 확인 방법을 제공합니다. 설치되었는지 확인할 패키지는
react-native-gesture-handler,react-native-screens,react-native-safe-area-context입니다.카메라 이미지가 안보이는 군요: styled-components의 올바른 사용법을 설명하며 빈 화면과 관련된 문제의 가능성을 확인하고 있습니다.
위 문제를 참고하셔서, 네비게이션 및 컴포넌트 설정을 다시 한번 점검해보시기 바랍니다. 링크된 답변들이 프로젝트 디버깅에 도움을 드릴 수 있을 것입니다.
저는 질문자님의 이해를 돕고자 지식공유자님의 기존 답변을 참고하여 유사한 답변 링크를 추천해드리고 있습니다.
현재 베타 기능으로 답변이 만족스럽지 않을 수 있는 점 양해 부탁드립니다. 🙏
추가적으로 궁금한 점이 있으시면, 이어서 질문해 주세요. 곧 지식공유자께서 답변해 주실 것입니다.
아... 이걸못봤네요 감사합니다 선생님!