react native - tabBarLabel / tabBarOptions does not work, can't get the color to change -
i'm trying change color of label in tabbar. tried various different solutions (seen here , in github) none worked me. code (with 1 of attempts change tabbarlabel color, not working):
home:{ screen: tabnavigator({ home: { screen: homescreen, navigationoptions: ({ navigation }) => ({ title: 'home', tabbaricon: ({ tintcolor, focused }) => ( <ionicons name={focused ? 'ios-home' : 'ios-home-outline'} size={26} style={{ color: focused ? `${tabbarcolor}` : tintcolor}} /> ), header: null, }), }, profile: { screen: profilescreen, navigationoptions: ({ navigation }) => ({ title: 'profile', tabbaricon: ({ tintcolor, focused }) => ( <ionicons name={focused ? 'ios-people' : 'ios-people-outline'} size={26} style={{ color: focused ? `${tabbarcolor}` : tintcolor }} /> ), tabbarlabel: ({tintcolor, focused}) =>( style={{color: focused ? `${tabbarcolor}` : tintcolor}} ), header: null, }), }, }), }
hope guys can me.
thanks in advance!
Comments
Post a Comment