In BottomTabNavigationOptions
type, under field tabBarIcon
there is a callback which can be defined by the user:
(props: { focused: boolean; color: string; size: number }) => { return (<Image source={icon} style={{ width: props.size, height: props.size, resizeMode: "contain", tintColor: props.color, }} /> );
I want to change the size of the icon, but if I ignore size
in props
then the elements do not fit within the tab bar. How can I tell react-navigation 6 to call this callback with a different size
in the props, so that the bar expands to fit the larger icon?