React Native Navigation 5.0 bottomTabs - how to change the font size?

Question

is there a way to change the font size of the two "name" props below in React Native Navigation 5.0?

const Tab = createBottomTabNavigator();

export const Nav = () => {
  return (
    <NavigationContainer>
      <Tab.Navigator>
        <Tab.Screen name="Game" component={HomeStackScreen} />
        <Tab.Screen name="Map" component={SettingsStackScreen} />
      </Tab.Navigator>
    </NavigationContainer>
  );
};

Answer 1

resolved in issue #21. all good:) https://github.com/ptomasroos/react-native-tab-navigator/issues/21

Answer 2

Add tabBoarOptions to your code like this.

const Tab = createBottomTabNavigator();

export const Nav = () => {
  return (
    <NavigationContainer>
      <Tab.Navigator
          labelStyle: {
            fontSize: 10,
            fontFamily:'GothamBook'
           
          },>
    <Tab.Screen name="Game" component={HomeStackScreen} />
    <Tab.Screen name="Map" component={SettingsStackScreen} />
  </Tab.Navigator>
</NavigationContainer>

); };