How to arrange the material top tab navigator tab name in a single line on react native?

Question

I want to arrange the material top tab navigator name in a single line.

The first tab name is lengthy here, so it displays in two lines. Like this (img_1).

img_1

But I want to convert the name to a single line. Like this (img_2).

img_2

Answer 1

I suggest you to try this.

     <Tab.Navigator 
     screenOptions={{
      tabBarItemStyle: {
        width: 'auto',
        minWidth: '100',
        alignItems: 'center',
      },
    }} >