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

일단 전진

성공이다.

물론, 나 혼자의 힘만으로 성공한 건 아니지만.

이번에 성공한 기술(?)은 context를 이용한 다른 스크린에서의 함수 호출이다.

setting screen의 addLocation Screen에서 지역을 추가하고, setting screen에서 기본 지역을 선택하게 되면 앱의 기본 지역 참조가 설정한 지역으로 바뀌게 된다.

이를 위해 Setting Screen -> 스택 이동 -> addLocation Screen -> 지역 추가 -> goBack > Setting Screen의 경로로 이동하게 되는데 goBack을 통해 페이지를 이동할 경우 저장한 지역을 바로 반영해 보여주기 위해 addListener willFocus를 이용했다.

그리고 추가된 지역 중 기본 지역을 설정할 경우 app.js의 함수를 호출하여 앱이 참조하는 기본 지역 키 값을 변경하여 즉각 확인할 수 있도록 하였다.

이는 componentDidUpdate를 활용하여 특정 state가 변경되면 특정 함수부터 새로 로드하게 만들었고 다른 screen에서 context를 통해 app.js의 함수를 호출하도록 하였다.

결과는 아래의 동영상에서 확인할 수 있다.

뉴욕으로 변경 해보았다.