React Native

상단 좌측에는 로고가 들어가고 우측에 메뉴 버튼을 배치하려고 한다. 하지만 react-navigation v5에서는 drawerPosition를 사용해서 메뉴 버튼의 위치를 변경할 수 있었으나 v6부터는 적용되지 않는다고 한다. 그래서 커스텀 헤더를 생성해서 메뉴 버튼

스크린 간의 이동이 있을 때 새로고침을 실행시키려면 스크린 옵션에 'unmountOnBlur: true' 을 추가해주면 된다.위와 같이 작성하면 MyLibrary, CreateReport 스크린에 접속할 때마다 새로고침이 실행된다.

'Home'에서는 헤더 좌측에 로고, 우측에 메뉴버튼이 보여진다.나머지 화면에서는 좌측에 뒤로가기 버튼, 우측에 메뉴버튼이 보여진다.내가 생각한 방법은 screen name이 'Home' 일 때와 아닐 때로 조건을 거는 것이다. 일단 'CustomHeader' 컴포넌트

코멘트에는 총 세가지 단계(읽기 전, 읽는 중, 읽은 후)가 있는데, 읽기 전 코멘트가 작성되기 전에는 나머지 두 코멘트 영역은 비활성화 되어 있다.일단 조건부 렌더링이 잘 되는지 확인하기 위해 간단히 조건에 따라 텍스트 컬러를 다르게 주었다. 위 코드의 'preCon

최근에 리액트 네이티브로 작업중인 프로젝트가 있는데 리액트 네이티브를 처음 접해보는거라 쉬운 길을 선택(...)해야 했기 때문에 Expo CLI로 설정을 했다. 사실 그 때는 잘 모르고 핸드폰에서 바로 실행시킬 수 있다길래 고민없이 Expo를 선택했는데 이게 마냥 편하