search

ptomasroos / react-native-tab-navigator

A tab bar that switches between scenes, written in JS for cross-platform support
MIT License
2.4k stars 416 forks source link

how to set the text's fontsize in the tabbar? #21

Closed YComputer closed 9 years ago

YComputer commented 9 years ago

how to set the text's fontsize in the tabbar?

ide commented 9 years ago

TabItems have a prop called titleStyle: https://github.com/exponentjs/react-native-tab-navigator/blob/e837d9d52fa299ad36945e785f47473027bb9017/TabNavigator.js#L116

Hy-M commented 4 years ago

Hello, like so: 

<Tab.Navigator
            tabBarOptions={{
                activeTintColor: "#50d3a7",
                inactiveTintColor: "gray",
                labelStyle: {
                    fontSize: 15,
                },
            }}
        >
edkim3275 commented 2 years ago

you can also try this way:

<Tab.Screen name="tabName" component={componentName} options={{
    tabBarLabelStyle: {
        fontSize: 12,
        fontWeight: "bold",
    }
}} />