[Android, Kotlin] Bottom Navigation View + Jetpack Navigation 사용 시 fade animation 제거

Bottom Navigation View와 Jetpack Navigation을 함께 연결하여 사용하게 되면,

자동적으로 탭 간 전환에서 fade animation이 적용된다.

 

fade amination도 괜찮지만 UX 측면에서 탭 간 전환에 답답함을 느낄 수도 있을 것 같아 이를 제거하고자 하였다.

 

기본으로 지정되어 있는 애니메이션을 수정하기 위해 아래 경로에 해당 코드를 넣어 애니메이션을 제거한다.

주의 할 점은, 일반적으로 사용하는 anim이 아닌, animator 디렉토리에 저장해야한다.

res/animator/nav_default_enter_anim.xml

res/animator/nav_default_exit_anim.xml

res/animator/nav_default_pop_enter_anim.xml

res/animator/nav_default_pop_exit_anim.xml

 

<set xmlns:android="http://schemas.android.com/apk/res/android">

</set>

아무 애니메이션이 동작하지 않도록 set의 내부를 비운다.