android - 在 Android 上处于分屏模式时，底部标签栏图标会溢出文本

Question

我正在使用 react-navigation/bottom-tabs 5.11.1。在 Android 上处于分屏模式时，底部标签栏图标会溢出文本。

有没有办法解决这个问题？

    <Tab.Navigator
  initialRouteName={EAppRoutes.home}
  tabBarOptions={{
    inactiveTintColor: navigationTheme.colors.text,
  }}
>
  {tabConfig.map(({ route, name, component, icon, testID }) => (
    <Tab.Screen
      key={route}
      name={name}
      component={component}
      options={{
        tabBarLabel: ({ color }: TBarProps) => <MenuLabel style={{ color }}>{name}</MenuLabel>,
        tabBarIcon: ({ color }: TBarProps) => <Icon style={{ color }} type={icon} />,
        tabBarTestID: testID,
        tabBarAccessibilityLabel: testID,
      }}
    />
  ))}
</Tab.Navigator>