Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

How to change the fontSize of Tabscreen labels #62

Open
Yandamuri opened this issue Nov 11, 2023 · 0 comments
Open

How to change the fontSize of Tabscreen labels #62

Yandamuri opened this issue Nov 11, 2023 · 0 comments
Labels
question Further information is requested

Comments

@Yandamuri
Copy link

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?

@Yandamuri Yandamuri added the question Further information is requested label Nov 11, 2023
@Yandamuri Yandamuri changed the title How change the fontSize of Tabscreen labels How to change the fontSize of Tabscreen labels Nov 11, 2023
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
question Further information is requested
Projects
None yet
Development

No branches or pull requests

1 participant