react-navigation
-
<TIL> React-Navigation header 꾸미기 - Trello(9)TIL 2020. 4. 24. 15:32
React-Nativgation을 사용하면 자동으로 header를 생성해 준다 Stack같은 경우에는 화면이 쌓이게 되면 뒤로 가기 버튼도 알아서 생겨서 간단한 헨더를 구성할 때에는 그냥 써도 된다. 하지만 헤더에 여러기능을 추가 하고 싶거나 꾸미고 싶다면 원하는 기능을 넣은 component를 header에 적용할 수 있습니다. Nav.js//라우터를 정의해 놓은 파일 ... import CPHs from './utils/CreatePageHeaders'; function StackHome() { return ( }} /> }} /> ({ headerTitle: (props) => })} /> //navigation의 기능을 header에 props로 넘겨주기 위하여 사용하였습니다. ({ headerT..
-
<TIL> redux 적용 로그인 인증 화면 만들기 - Trello(7)TIL 2020. 4. 13. 16:24
한동안 바빠 1일1커밋 지키지 못하였다... 로그인 인증 하는 부분에서 return 안에 인증하는 함수를 실행시켰더니 함수가 계속 작동되는 비효율적인 인증 방법이 실행이 되었습니다. 이러한 부분을 Redux 적용하여 훨씬 간단하게 인증할 수 있게 구현 하였습니다. 1. Reducer, action 함수 만들기 일단 그러면 redux에 action의 타입과 action 함수를 만들어 줍니다. redux를 사용할 component에서 action함수를 꺼내 사용해야 하기 때문에 export를 앞에 넣어 줘야 합니다. export const SaveToken = 'SAVETOKEN'; // 액션 타입 정의 export const saveTokenInStore = () => ({ type: SaveToken }..