отреагировать навигацией 5 нижний значок и надпись горизонтальная

Question

Я хочу, чтобы значок и метка были горизонтальными в реагирующей навигации, но я не могу найти их в документах, вот скриншот того, чего я хочу достичь:

это мой код:

    <BottomTab.Navigator
      initialRouteName="Home"
      screenOptions={({route}) => ({
        tabBarIcon: ({focused}) => {
          let iconName = '';
          console.log('route ', route.name);
          if (route.name === 'Home') {
            iconName = 'assignment';
          } else if (route.name === 'Account') {
            iconName = 'account-circle';
          }
          return (
            <MaterialIcons
              name={iconName}
              size={28}
              color={focused ? '#f4511e' : '#ccc'}
            />
          );
        },
        tabBarOptions: {
          style: {backgroundColor: '#FFF'},
          activeTintColor: 'green',
          activeBackgroundColor: 'green',
          adaptive: true,
        },
        headerStyle: {
          backgroundColor: '#f4511e',
        },
        headerTintColor: '#fff',
        headerTitleStyle: {
          fontWeight: 'bold',
          textAlign: 'center',
          alignSelf: 'center',
          flex: 1,
        },
      })}>
      <BottomTab.Screen name="Home" component={Home} />
    </BottomTab.Navigator>

Я не могу найти в документации, как этого добиться?