무야홍 ~

에러 확인 💥 다음과 같이 저장된 사용자들의 정보를 가져오는 State 인 LoadingUsers 가 있고, React-Native 에서 제공하는 로딩 컴포넌트인 ActivityIndicator 가 담긴 함수가 있다. 만약, loadingUsers 가 있다면 renderLoading 함수를 불러오고, 그게 아니라면 Null 을 출력하는 형태를 구현하려 한다. 에러를 살펴보면, No overload matches this call. Overload 1 of 2, ‘(props: ViewProps | Readonly): View', gave the following error. Type 'void |...

에러 확인 💥 Stack Navigation 을 사용하여 구현한 컴포넌트를 불러오는 과정에서 발생한 에러이다. 불러올 해당 컴포넌트의 초기 세팅을 마치고, export default 를 통해 다른 곳에서도 해당 컴포넌트를 import 가능한 상태이다. 에러 메세지를 살펴보자. Type ‘“Signin”’ is not assignable to type ‘“Signup”’ 해당 메세지를 직역 해 보면, Signin Type 을 Signup 타입에 할당할 수 없다고 한다. 에러 해결 ✨ Type 이 정의되어 있는 파일에서 에러를 살펴보자 Stack 에서 사용할 Type 으로 Signu...

개요 네비게이션을 활용한 페이지 구현을 한다면, 뒤로가기 기능은 가령 필수적인 요소로 사용되어야 한다고 본다. 이번 포스팅에서는 모바일 앱에서 구현한 Stack Navigator 에 이전 화면을 보여주기 위한 메소드를 정리하고자 한다. React-Navigation ? React-Native 에서 사용하는 화면 이동을 위한 라이브러리 이다. Stack, BottomTab, Drawer 등 앱 개발시 많이 사용되는 화면 이동에 대해 각 플랫폼 환경에 맞도록 쉽게 변환 해 주도록 설정되어있다. https://reactnavigation.org/ React-Navigation 의 구성 요소로는, Na...