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

问题描述

我正在使用 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>

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）