CODEWITHSUNDEEP
javascriptandroidreact-nativereact-native-tabnavigator
Siril m p
Siril m p

Reputation: 11

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

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

Upvotes: 1

Views: 755

Answers (1)

Dhyana Dave
Dhyana Dave

Reputation: 323

I suggest you to try this.

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

Upvotes: 1

Related Questions