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

import { createBottomTabNavigator } from 'react-native-navigation';
import Icon from 'react-native-vector-icons/FontAwesome';

// 创建底部导航栏
const TabNavigator = createBottomTabNavigator({
  Home: {
    screen: HomeScreen,
    navigationOptions: {
      tabBarIcon: ({ tintColor }) => (
        <Icon name="home" size={20} color={tintColor} style={{ fontSize: 16 }} />
      ),
    },
  },
  Profile: {
    screen: ProfileScreen,
    navigationOptions: {
      tabBarIcon: ({ tintColor }) => (
        <Icon name="user" size={20} color={tintColor} style={{ fontSize: 16 }} />
      ),
    },
  },
}, {
  tabBarOptions: {
    activeTintColor: 'blue',
    inactiveTintColor: 'gray',
    labelStyle: {
      fontSize: 14, // 修改字体大小
    },
  },
});

import { createBottomTabNavigator } from 'react-native-navigation';
import { BottomNavigation, Text } from 'react-native-paper';

// 创建底部导航栏
const TabNavigator = createBottomTabNavigator({
  Home: {
    screen: HomeScreen,
    navigationOptions: {
      tabBarLabel: ({ color, focused }) => (
        <Text style={{ fontSize: 14, color: focused ? 'blue' : 'gray' }}>Home</Text>
      ),
    },
  },
  Profile: {
    screen: ProfileScreen,
    navigationOptions: {
      tabBarLabel: ({ color, focused }) => (
        <Text style={{ fontSize: 14, color: focused ? 'blue' : 'gray' }}>Profile</Text>
      ),
    },
  },
});