React Native Navigation 5.0 bottomTabs - 如何更改字体大小？答案

【问题标题】：React Native Navigation 5.0 bottomTabs - how to change the font size?React Native Navigation 5.0 bottomTabs - 如何更改字体大小？
【发布时间】：2021-01-20 10:31:03
【问题描述】：

有没有办法在 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>
  );
};

【问题讨论】：

标签： reactjs navigation native

【解决方案1】：

已在问题 #21 中解决。都好：） https://github.com/ptomasroos/react-native-tab-navigator/issues/21

【讨论】：

【解决方案2】：

像这样将 tabBoarOptions 添加到您的代码中。

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>

); };

【讨论】：