선택된 탭 밑줄 색상 변경

Tags
indicatorStyle
네비게이터
TabTop
Column
선택된 탭 하단에 표시되는 밑줄의 색상 변경하기
indicatorStyle에서 backgroundColor 색상을 변경하면 된다.
<Tab.Navigator screenOptions={{ activeTintColor: 'black', // 눌렸을 때 색상 inactiveTintColor: color.grey2, // 안눌렀을 때 색상 labelStyle: { fontSize: 15, marginBottom: 5 }, tabBarIndicatorStyle: {backgroundColor: 'orange'}, iconStyle: { marginTop: 5 } }} > ... </Tab.Navigator>
 
notion image
notion image