기술 블로그

React Native 앱을 개발하다 보면 하단 탭 네비게이션을 구현할 일이 많은데요. 이번에는 React Navigation의 Bottom Tab Navigator에서 탭 아이콘이 어떻게 동작하는지 자세히 살펴보려고 합니다.기본 구현 방식Bottom Tab Navigator에서 각 탭의 아이콘은 다음과 같이 구현됩니다: ( ), }}/>여기서 주목할 점은 tabBarIcon이 함수라는 것입니다. 이 함수는 color와 size 두 가지 파라미터를 받아서 아이콘 컴포넌트를 반환합니다.색상 처리 방식탭 아이콘의 색상은 탭의 활성화 상태에 따라 자동으로 변경됩니다. 이는 Navigator 설정에서 정의한 색상값을 기반으로 동작합니다:React Navigation은 내부적으로 현재 선택된 탭..