web-ridge / react-native-paper-tabs

Smooth and fast cross platform Material Design Tabs for React Native Paper
https://reactnativepapertabs.com
MIT License
189 stars 34 forks source link

How to change the fontSize of Tabscreen labels #62

Open Yandamuri opened 7 months ago

Yandamuri commented 7 months ago

Ask your Question

This is how i am reneitng tabs ,

<TabsProvider defaultIndex={0}>
    <Tabs
        style={{ backgroundColor:'#fff', fontSize: 20 }}
        theme={{ colors: { onSurface: 'green', onSurfaceVariant: 'blue', primary: '#1ABC9C' }, fontSize: 20}}
    >
        <TabScreen label="Explore" style={{fontSize: 30}}>
        <View style={{ backgroundColor: 'pink', flex:1, fontSize: 30 }} />
        </TabScreen>
        <TabScreen label="Flights">
            <View style={{ backgroundColor: 'yellow', flex:1 }} />
        </TabScreen>
        <TabScreen label="Trips">
            <View style={{ backgroundColor: 'red', flex:1 }} />
        </TabScreen>
    </Tabs>                                 
</TabsProvider>

I am able to change the Text colour. However I could not find any prop to change size of the font like fontSize.

Can some one help me with right prop to change the soze of the Text?