디자이너의 네이티브 앱 개발 도전기 #15

React Navigation 3.x, Swiper

어제 글을 못썼다.

accuweather의 특정지역 current condition데이터를 못 받아와 애를 먹었기때문.

그리고 react navigation 3.x 설치까지 한 날이었기 때문.

여하튼, 커뮤니티의 개발 선배의 팁을 좀 받아 성공하였다.

덕분에 염원하던 뷰를 밀고 나오는 사이드 메뉴를 완성하였다.

이젠 최초에 생각하던 수준의 레이아웃을 완성하게 된 것.

그리고 뷰의 좌우 슬라이드(Swip)를 완성하였다.

기능만 완성한 것이고 화면 레이아웃은 이제 만들어가야 한다.

current temperature에서 스와이프 하며 오른쪽으로 넘어가면 hourly, daily를 표현할 생각이다.

current condition의 우측 화면. 이제 대부분의 화면 디자인이 노출된것같다.

문제는 2번 째 스크린으로 넘어갔을 경우 로딩 콜백을 받아 그때 api쿼리를 하고 싶은데 그게 될지 모르겠다.

일단 작동하는 모습은 동영상으로 확인