react-navigation-transitions 소개

react-native의 navigation으로 react-navigation이 많이 쓰인다.

 

react-navigation을 사용할때, stacknavigator의 옵션중  transitionConfig라는 속성을 통해 화면이 넘어가는 동작에 수정을 줄 수 있다.

 

찾아보면 제법 많은 소스코드들이 돌아다니고 있지만, 이를 간단히 적용할 수 있는 react-navigation-transitions라는 라이브러리가있다.

 

간단한 분기처리로 화면별로 효과를 줄수도 있다.

 

 trasnitionConfig = ({ scenes }) => { ... } 와 같이 작성하게 되는데, 

react-navigation-transitions의 fromLeft, fromRight 등을  trasnitionConfig = ({ scenes }) => { fromLeft(500) }

과 같이 적용하여 쉽게 사용할 수 있다.

 

https://www.npmjs.com/package/react-navigation-transitions

react-navigation-transitions

 

 

 

---

웹사이트 개발 / 홈페이지 제작 / android앱 개발 / ios 앱 개발 / server / client / aws / fullstack / buisness partner / 외주 / 용역

https://open.kakao.com/o/sNETgUJb

http://self-made.cloud